/*
Theme Name: MagicKeyPro Trader 8.0
Theme URI: https://magickeypro.online/
Author: Magic Key - Pro Trader
Description: All-in-one MagicKeyPro Trader v8 SaaS theme. Separate installable build with the v7 production feature base plus the reference-guided premium fintech UI layer. WooCommerce, licensing, account, affiliate, support, market-data, SEO, and Control Center integrations remain protected.
Version: 8.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: magic-key-pro-trader

v8.0.0 (2026-05-16) - Separate premium SaaS build. Keeps the v7 production feature base and adds the final reference-guided fintech/terminal UI layer. The v7 theme folder/package remains separate for rollback or alternate upload.
*/

:root {
  --mkpt-ink: #101418;
  --mkpt-panel: #151b22;
  --mkpt-panel-2: #202733;
  --mkpt-line: #d8dde5;
  --mkpt-soft: #f3f5f7;
  --mkpt-white: #ffffff;
  --mkpt-green: #69d214;
  --mkpt-red: #ff3030;
  --mkpt-yellow: #ffd21a;
  --mkpt-blue: #1677ff;
  --mkpt-teal: #18a999;
  --mkpt-muted: #657182;
  --mkpt-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--mkpt-white);
  color: var(--mkpt-ink);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

a { color: inherit; }
img { max-width: 100%; height: auto; }
.mkpt-skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 9999;
  padding: 10px 14px;
  background: var(--mkpt-ink);
  color: #fff;
  border-radius: 6px;
  font-weight: 900;
  text-decoration: none;
}
.mkpt-skip-link:focus {
  top: 12px;
  outline: 3px solid var(--mkpt-yellow);
}
code {
  display: inline-block;
  background: #0b1220;
  color: #dbeafe;
  border: 1px solid #22314a;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 14px;
}

.mkpt-wrap { max-width: var(--mkpt-max); margin: 0 auto; padding: 0 22px; }
.mkpt-topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(255, 255, 255, .98);
  border-bottom: 1px solid #e6ebf1;
}
.mkpt-announcement {
  background: var(--mkpt-ink);
  color: #d9e4ee;
  font-size: 12px;
  font-weight: 800;
}
.mkpt-announcement .mkpt-wrap {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  text-align: center;
}
.mkpt-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  gap: 20px;
}
.mkpt-logo {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-weight: 900;
  text-decoration: none;
  color: var(--mkpt-ink);
  white-space: nowrap;
}
.mkpt-logo small {
  display: block;
  color: var(--mkpt-muted);
  font-weight: 800;
  font-size: 12px;
  line-height: 1.1;
}
.mkpt-logo-mark {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: #0c1117 url("assets/magic-key-logo.png") center / cover no-repeat;
  color: transparent;
  font-size: 0;
  border: 2px solid var(--mkpt-yellow);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}
.mkpt-menu-list,
.mkpt-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mkpt-menu-list {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 14px;
  font-weight: 900;
}
.mkpt-menu-list a {
  text-decoration: none;
  color: #27313c;
}
.mkpt-menu-list .current-menu-item > a,
.mkpt-menu-list .current_page_item > a,
.mkpt-menu-list a:hover,
.mkpt-menu-list a:focus {
  color: var(--mkpt-blue);
}
.mkpt-menu-toggle {
  display: none;
  width: 42px;
  height: 40px;
  border: 1px solid #cfd7e2;
  background: #fff;
  border-radius: 6px;
  padding: 9px;
}
.mkpt-menu-toggle span {
  display: block;
  height: 2px;
  background: var(--mkpt-ink);
  margin: 5px 0;
}

.mkpt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  background: var(--mkpt-blue);
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 900;
  border: 1px solid transparent;
  cursor: pointer;
}
.mkpt-btn.dark { background: var(--mkpt-ink); }
.mkpt-btn.light { background: #fff; color: var(--mkpt-ink); border-color: #cfd7e2; }
.mkpt-btn.green { background: #14955f; color: #fff; }
.mkpt-btn.full { width: 100%; }
.mkpt-btn:hover { filter: brightness(.96); }

.mkpt-kicker {
  color: var(--mkpt-yellow);
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 900;
  font-size: 13px;
}

.mkpt-hero {
  min-height: 760px;
  background:
    linear-gradient(90deg, rgba(6, 10, 14, .94) 0%, rgba(6, 10, 14, .84) 46%, rgba(6, 10, 14, .22) 100%),
    url("assets/magic-key-dashboard.png") center right / cover no-repeat;
  color: white;
  display: flex;
  align-items: center;
}
.mkpt-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 510px;
  gap: 34px;
  align-items: center;
  width: 100%;
}
.mkpt-hero h1 {
  font-size: 64px;
  line-height: 1.02;
  margin: 12px 0 16px;
  letter-spacing: 0;
}
.mkpt-hero-lead {
  font-size: 19px;
  color: #e9eef5;
  max-width: 690px;
}
.mkpt-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.mkpt-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 34px;
  max-width: 700px;
}
.mkpt-proof div {
  border: 1px solid rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .09);
  padding: 14px;
  border-radius: 7px;
}
.mkpt-proof strong { display: block; color: #fff; font-size: 22px; }
.mkpt-proof span { color: #ccd6e2; font-size: 13px; }

.mkpt-hero-console {
  position: relative;
  display: block;
}
.mkpt-console-panel {
  background: #c6cbd2;
  border: 5px solid #454c55;
  border-radius: 8px;
  padding: 14px;
}
.mkpt-screen {
  background: #11171f;
  color: #fff;
  padding: 14px;
  margin-bottom: 14px;
  min-height: 84px;
  border: 1px solid #2c3442;
}
.mkpt-screen strong { display: block; font-size: 16px; margin-bottom: 5px; }
.mkpt-screen small {
  color: var(--mkpt-red);
  font-weight: 900;
  display: block;
  font-size: 12px;
}
.mkpt-screen span {
  color: #e4ecf6;
  font-size: 12px;
  display: block;
  margin-top: 4px;
}
.mkpt-keys {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.mkpt-key {
  min-height: 48px;
  border: 2px solid #15191e;
  border-radius: 5px;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  color: #101418;
  background: #fff;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .18);
}
.mkpt-key.green { background: var(--mkpt-green); }
.mkpt-key.red { background: var(--mkpt-red); color: #111; }
.mkpt-key.yellow { background: var(--mkpt-yellow); }
.mkpt-key.dark { background: #161b22; color: #fff; }
.mkpt-live-badge {
  position: absolute;
  right: -16px;
  bottom: -30px;
  background: #081018;
  border-top: 4px solid var(--mkpt-teal);
  color: #fff;
  padding: 18px;
  width: 220px;
  border-radius: 4px;
}
.mkpt-live-badge strong {
  display: block;
  font-size: 38px;
  line-height: 1;
  color: #d7ecff;
}
.mkpt-live-badge span {
  font-size: 12px;
  color: #86efac;
  font-weight: 900;
}

.mkpt-section { padding: 88px 0; }
.mkpt-section.soft { background: var(--mkpt-soft); }
.mkpt-section.dark { background: #111820; color: #fff; }
.mkpt-heading {
  max-width: 780px;
  margin-bottom: 34px;
}
.mkpt-heading.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.mkpt-heading h2 {
  font-size: 40px;
  line-height: 1.1;
  margin: 8px 0 12px;
  letter-spacing: 0;
}
.mkpt-heading p {
  color: var(--mkpt-muted);
  font-size: 17px;
  margin: 0;
}
.mkpt-section.dark .mkpt-heading p { color: #c8d1dd; }

.mkpt-section:not(.dark) .mkpt-kicker,
.mkpt-card .mkpt-kicker,
.mkpt-policy-doc .mkpt-kicker,
.mkpt-customer-page .mkpt-kicker {
  color: #118858;
}

.mkpt-hero .mkpt-kicker,
.mkpt-page-hero .mkpt-kicker,
.mkpt-policy-hero .mkpt-kicker,
.mkpt-section.dark .mkpt-kicker,
.mkpt-cta-band .mkpt-kicker,
.mkpt-contact-main .mkpt-kicker,
.mkpt-contact-box .mkpt-kicker {
  color: var(--mkpt-yellow);
}

.mkpt-trust-strip {
  padding: 22px 0;
  background: #fff;
  border-bottom: 1px solid #e6ebf1;
}
.mkpt-trust-strip .mkpt-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.mkpt-trust-strip div {
  border-left: 4px solid var(--mkpt-blue);
  padding: 8px 12px;
}
.mkpt-trust-strip strong { display: block; font-size: 15px; }
.mkpt-trust-strip span { display: block; color: var(--mkpt-muted); font-size: 13px; }

.mkpt-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.mkpt-feature,
.mkpt-card,
.mkpt-step,
.mkpt-price,
.mkpt-control {
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  color: #071018;
}
.mkpt-feature {
  padding: 22px;
  min-height: 190px;
}
.mkpt-feature strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}
.mkpt-feature p { color: var(--mkpt-muted); margin: 0; }
.mkpt-dot {
  width: 38px;
  height: 38px;
  border-radius: 7px;
  margin-bottom: 16px;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 12px;
}
.mkpt-dot.green { background: var(--mkpt-green); color: #06130b; }
.mkpt-dot.red { background: var(--mkpt-red); color: #fff; }
.mkpt-dot.yellow { background: var(--mkpt-yellow); color: #111; }
.mkpt-dot.dark { background: var(--mkpt-ink); color: #fff; }
.mkpt-dot.blue { background: var(--mkpt-blue); color: #fff; }

.mkpt-panel-demo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
  gap: 34px;
  align-items: center;
}
.mkpt-chart-card {
  position: relative;
  min-height: 460px;
  border: 1px solid #cdd5df;
  border-radius: 8px;
  background:
    linear-gradient(#e9edf3 1px, transparent 1px),
    linear-gradient(90deg, #e9edf3 1px, transparent 1px),
    #fff;
  background-size: 100% 56px, 72px 100%;
  overflow: hidden;
}
.mkpt-chart-toolbar {
  height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  background: #f7f9fc;
  border-bottom: 1px solid #d6dee8;
}
.mkpt-chart-toolbar span {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 2px solid var(--mkpt-blue);
  border-radius: 50%;
}
.mkpt-chart-toolbar b { margin-left: 10px; font-size: 13px; }
.mkpt-chart-lines i {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
}
.mkpt-chart-lines i:nth-child(1) { top: 150px; background: #22c55e; }
.mkpt-chart-lines i:nth-child(2) { top: 230px; background: #ef4444; }
.mkpt-chart-lines i:nth-child(3) { top: 305px; background: #0ea5e9; }
.mkpt-candles {
  position: absolute;
  left: 42px;
  right: 42px;
  bottom: 60px;
  height: 320px;
  display: flex;
  align-items: end;
  gap: 18px;
}
.mkpt-candles b {
  position: relative;
  width: 18px;
  background: var(--mkpt-teal);
  display: block;
}
.mkpt-candles b:before {
  content: "";
  position: absolute;
  left: 8px;
  top: -38px;
  width: 2px;
  height: calc(100% + 74px);
  background: currentColor;
  opacity: .75;
}
.mkpt-candles b:nth-child(2n) { background: #ef5350; color: #ef5350; }
.mkpt-candles b:nth-child(1) { height: 90px; }
.mkpt-candles b:nth-child(2) { height: 130px; }
.mkpt-candles b:nth-child(3) { height: 80px; }
.mkpt-candles b:nth-child(4) { height: 170px; }
.mkpt-candles b:nth-child(5) { height: 210px; }
.mkpt-candles b:nth-child(6) { height: 120px; }
.mkpt-candles b:nth-child(7) { height: 150px; }
.mkpt-candles b:nth-child(8) { height: 250px; }
.mkpt-candles b:nth-child(9) { height: 110px; }
.mkpt-candles b:nth-child(10) { height: 180px; }
.mkpt-candles b:nth-child(11) { height: 220px; }
.mkpt-candles b:nth-child(12) { height: 140px; }
.mkpt-chart-hud {
  position: absolute;
  left: 22px;
  bottom: 18px;
  width: 250px;
  background: #070c12;
  color: #fff;
  padding: 14px;
  border-top: 4px solid var(--mkpt-teal);
  border-radius: 4px;
}
.mkpt-chart-hud strong,
.mkpt-chart-hud em { display: block; font-size: 12px; font-style: normal; font-weight: 900; }
.mkpt-chart-hud span { display: block; font-size: 34px; font-weight: 900; color: #d7ecff; }
.mkpt-chart-hud em { color: #86efac; }

.mkpt-control-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.mkpt-control {
  border-left: 5px solid var(--mkpt-blue);
  padding: 16px;
}
.mkpt-control strong { display: block; margin-bottom: 5px; }
.mkpt-control span { color: var(--mkpt-muted); }

.mkpt-roadmap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.mkpt-roadmap div {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  padding: 20px;
}
.mkpt-roadmap strong { display: block; font-size: 18px; color: #fff; }
.mkpt-roadmap span { display: block; margin-top: 8px; color: #c8d1dd; }

.mkpt-pricing {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.mkpt-price {
  color: var(--mkpt-ink);
  padding: 22px;
  display: flex;
  flex-direction: column;
  min-height: 350px;
  position: relative;
}
.mkpt-price.popular {
  border: 3px solid var(--mkpt-green);
  transform: translateY(-8px);
}
.mkpt-ribbon {
  position: absolute;
  right: 14px;
  top: 14px;
  background: var(--mkpt-yellow);
  color: #111;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
}
.mkpt-price h3 { margin: 0; font-size: 21px; }
.mkpt-price p { color: var(--mkpt-muted); margin: 0 0 10px; }
.mkpt-amount {
  font-size: 38px;
  font-weight: 900;
  margin: 12px 0 4px;
}
.mkpt-price ul {
  padding-left: 18px;
  color: #435061;
  flex: 1;
}
.mkpt-payment-badges {
  display: grid;
  gap: 18px;
  margin: 26px auto 0;
  max-width: 1120px;
}
.mkpt-trust-seal-row,
.mkpt-payment-mark-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.mkpt-trust-seal {
  width: 160px;
  min-height: 120px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 6px;
  border: 1px solid #d6e0ea;
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 16px, rgba(255, 255, 255, .95), rgba(255, 255, 255, .65) 38px, transparent 39px),
    linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%);
  color: #13202d;
  text-align: center;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  padding: 14px 10px;
  position: relative;
  overflow: hidden;
}
.mkpt-trust-seal::before,
.mkpt-trust-seal::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(20, 149, 95, .28);
  border-radius: 8px;
  pointer-events: none;
}
.mkpt-trust-seal::after {
  inset: auto 14px 10px;
  height: 2px;
  border: 0;
  background: linear-gradient(90deg, transparent, rgba(20, 149, 95, .6), transparent);
}
.mkpt-trust-seal i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #55d615, #14955f);
  color: #ffffff;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 2px #14955f, 0 8px 16px rgba(20, 149, 95, .25);
  font-style: normal;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0;
}
.seal-order i::before {
  content: "";
  width: 18px;
  height: 14px;
  border-radius: 3px;
  background: #ffffff;
  display: block;
  transform: translateY(5px);
}
.seal-order i::after {
  content: "";
  width: 18px;
  height: 14px;
  border: 4px solid #ffffff;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  display: block;
  transform: translateY(-17px) scale(.78);
}
.mkpt-trust-seal strong,
.mkpt-trust-seal em {
  display: block;
  line-height: 1.15;
}
.mkpt-trust-seal strong {
  font-size: 13px;
  font-weight: 1000;
  text-transform: uppercase;
}
.mkpt-trust-seal em {
  color: #5b6878;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.mkpt-pay {
  min-width: 104px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 1px solid #d7e0eb;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
  font-size: 14px;
  font-weight: 1000;
  letter-spacing: 0;
  padding: 0 12px;
}
.mkpt-pay.visa { color: #1434cb; font-style: italic; }
.mkpt-pay.amex { color: #ffffff; background: linear-gradient(135deg, #0072ce, #1f9bd7); }
.mkpt-pay.discover { color: #1f2937; background: linear-gradient(90deg, #ffffff 0%, #ffffff 58%, #ff8a00 100%); font-size: 12px; }
.mkpt-pay.apple { color: #111111; }
.mkpt-pay.google b { color: #4285f4; font-size: 18px; }
.mkpt-pay.amazon { color: #111111; background: linear-gradient(180deg, #fff4bd, #ffd21e); }
.mkpt-pay.woo { color: #533582; background: #f7f0ff; }
.mkpt-pay.mastercard {
  position: relative;
  min-width: 126px;
}
.mkpt-pay.mastercard b {
  width: 23px;
  height: 23px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(235, 0, 27, .9);
  margin-right: -9px;
}
.mkpt-pay.mastercard b + b {
  background: rgba(247, 158, 27, .9);
  margin-right: 4px;
}
.mkpt-pay.mastercard em {
  font-style: normal;
  font-size: 11px;
}
.mkpt-section.dark .mkpt-trust-seal,
.mkpt-cta-band .mkpt-trust-seal {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));
  color: #ffffff;
  border-color: rgba(255, 255, 255, .18);
}
.mkpt-section.dark .mkpt-trust-seal em,
.mkpt-cta-band .mkpt-trust-seal em {
  color: rgba(255, 255, 255, .72);
}

.mkpt-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  counter-reset: steps;
}
.mkpt-steps.wide { grid-template-columns: repeat(3, 1fr); }
.mkpt-step {
  padding: 22px;
  position: relative;
}
.mkpt-step:before {
  counter-increment: steps;
  content: counter(steps);
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: var(--mkpt-ink);
  color: #fff;
  border-radius: 50%;
  font-weight: 900;
  margin-bottom: 14px;
}
.mkpt-step strong { display: block; font-size: 18px; margin-bottom: 8px; }
.mkpt-step p { color: var(--mkpt-muted); margin: 0; }

.mkpt-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.mkpt-card {
  padding: 24px;
}
.mkpt-card.big { padding: 32px; }
.mkpt-card h2 {
  color: #071018;
  font-size: 28px;
  margin: 8px 0 10px;
}
.mkpt-card h3,
.mkpt-card strong,
.mkpt-feature strong,
.mkpt-step strong,
.mkpt-price h3,
.mkpt-control strong,
.mkpt-faq summary {
  color: #071018;
}
.mkpt-card p,
.mkpt-card li { color: var(--mkpt-muted); }

.mkpt-faq {
  max-width: 920px;
  margin: 0 auto;
}
.mkpt-faq details {
  background: #fff;
  border: 1px solid #dfe5ed;
  padding: 18px 20px;
  border-radius: 7px;
  margin-bottom: 10px;
  color: #071018;
}
.mkpt-faq summary {
  font-weight: 900;
  cursor: pointer;
}
.mkpt-faq p { color: var(--mkpt-muted); }

.mkpt-cta-band {
  background: #152033;
  color: #fff;
}
.mkpt-cta-band .mkpt-wrap {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.mkpt-cta-band h2 {
  font-size: 38px;
  margin: 8px 0 10px;
}
.mkpt-cta-band p {
  margin: 0;
  color: #c8d1dd;
  max-width: 740px;
}

.mkpt-page-hero {
  background: #111820;
  color: #fff;
  padding: 86px 0;
}
.mkpt-page-hero.simple { padding: 62px 0; }
.mkpt-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 30px;
  align-items: center;
}
.mkpt-page-hero h1 {
  font-size: 48px;
  line-height: 1.08;
  margin: 10px 0 12px;
}
.mkpt-page-hero p {
  color: #c8d1dd;
  font-size: 18px;
  max-width: 760px;
}
.mkpt-mini-terminal {
  background: #070c12;
  border: 1px solid #303b4b;
  border-radius: 8px;
  padding: 14px;
}
.mkpt-mini-head { display: flex; gap: 6px; margin-bottom: 12px; }
.mkpt-mini-head span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--mkpt-red);
}
.mkpt-mini-head span:nth-child(2) { background: var(--mkpt-yellow); }
.mkpt-mini-head span:nth-child(3) { background: var(--mkpt-green); }
.mkpt-mini-chart {
  height: 120px;
  display: flex;
  align-items: end;
  gap: 10px;
  border-bottom: 1px solid #273444;
  margin-bottom: 12px;
}
.mkpt-mini-chart i {
  width: 18px;
  display: block;
  background: var(--mkpt-teal);
}
.mkpt-mini-chart i:nth-child(2n) { background: var(--mkpt-red); }
.mkpt-mini-chart i:nth-child(1) { height: 45px; }
.mkpt-mini-chart i:nth-child(2) { height: 70px; }
.mkpt-mini-chart i:nth-child(3) { height: 55px; }
.mkpt-mini-chart i:nth-child(4) { height: 92px; }
.mkpt-mini-chart i:nth-child(5) { height: 65px; }
.mkpt-mini-chart i:nth-child(6) { height: 102px; }
.mkpt-mini-chart i:nth-child(7) { height: 82px; }
.mkpt-mini-chart i:nth-child(8) { height: 112px; }
.mkpt-mini-row {
  background: #151f2c;
  border: 1px solid #243247;
  padding: 8px;
  border-radius: 5px;
  margin-top: 7px;
  color: #dbe7f5;
  font-size: 12px;
  font-weight: 900;
}
.mkpt-mini-row.green { color: #86efac; }
.mkpt-mini-row.yellow { color: var(--mkpt-yellow); }
.mkpt-content {
  max-width: 880px;
  font-size: 17px;
}

.mkpt-legal {
  padding: 70px 0;
}
.mkpt-legal h1 {
  font-size: 42px;
  margin: 0 0 18px;
}
.mkpt-legal h2 {
  font-size: 23px;
  margin: 28px 0 8px;
}
.mkpt-legal p,
.mkpt-legal li {
  color: #4b5563;
  font-size: 16px;
  line-height: 1.75;
}

.mkpt-footer {
  background: #0c1117;
  color: #cbd5e1;
  padding: 46px 0 28px;
}
.mkpt-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
  gap: 24px;
}
.mkpt-footer h3 {
  color: #fff;
  font-size: 15px;
  margin: 0 0 12px;
}
.mkpt-footer a {
  display: block;
  color: #cbd5e1;
  text-decoration: none;
  margin: 0 0 8px;
  font-size: 14px;
}
.mkpt-footer a:hover { color: #fff; }
.mkpt-footer .mkpt-logo {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #fff;
  margin-bottom: 14px;
  white-space: nowrap;
}
.mkpt-footer .mkpt-logo-mark {
  flex: 0 0 54px;
}
.mkpt-footer .mkpt-logo > span:last-child {
  display: block;
  line-height: 1.05;
}
.mkpt-footer .mkpt-logo small {
  display: block;
  margin-top: 2px;
  color: #93a0ae;
  font-weight: 800;
}
.mkpt-disclaimer {
  font-size: 13px;
  color: #93a0ae;
  max-width: 460px;
}
.mkpt-footer-support {
  font-size: 13px;
  color: #dbeafe;
  margin: 12px 0 0;
  overflow-wrap: anywhere;
}
.mkpt-footer-support a { display: inline; color: #fff; font-weight: 900; }
.mkpt-footer-bottom {
  border-top: 1px solid #263241;
  margin-top: 30px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #93a0ae;
  font-size: 13px;
}
.mkpt-footer-menu li { margin: 0; }

.mkpt-floating-support {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 90;
}
.mkpt-floating-support a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: var(--mkpt-ink);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}
.mkpt-site-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .58);
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.mkpt-site-popup.is-visible { display: flex; }
.mkpt-site-popup-card {
  width: min(540px, 100%);
  background: #fff;
  color: var(--mkpt-ink);
  border-radius: 8px;
  padding: 28px;
  position: relative;
  border-top: 5px solid var(--mkpt-green);
}
.mkpt-site-popup-card .mkpt-kicker { color: #14955f; }
.mkpt-site-popup-card h2 {
  font-size: 30px;
  line-height: 1.15;
  margin: 8px 0 10px;
}
.mkpt-site-popup-card p { color: var(--mkpt-muted); }
.mkpt-popup-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.mkpt-popup-close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  background: var(--mkpt-ink);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.mkpt-shop-hero {
  background:
    radial-gradient(circle at 82% 28%, rgba(105, 210, 20, .18), transparent 28%),
    linear-gradient(120deg, #0b1118 0%, #121b27 55%, #1b2635 100%);
}
.mkpt-shop-visual {
  display: flex;
  justify-content: center;
}
.mkpt-shop-device,
.mkpt-single-device {
  width: min(360px, 100%);
  background: #c6cbd2;
  border: 5px solid #464e58;
  border-radius: 8px;
  padding: 15px;
}
.mkpt-shop-device-screen,
.mkpt-single-screen {
  background: #071018;
  color: #fff;
  border: 1px solid #2b394b;
  border-top: 4px solid var(--mkpt-green);
  border-radius: 5px;
  padding: 18px;
  margin-bottom: 14px;
}
.mkpt-shop-device-screen span,
.mkpt-single-screen span,
.mkpt-shop-device-screen em,
.mkpt-single-screen em {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  color: #86efac;
}
.mkpt-shop-device-screen strong,
.mkpt-single-screen strong {
  display: block;
  font-size: 42px;
  line-height: 1;
  margin: 8px 0;
  color: #d9ecff;
}
.mkpt-shop-device-keys,
.mkpt-single-key-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.mkpt-shop-device-keys b,
.mkpt-single-key-grid b {
  min-height: 48px;
  border: 2px solid #15191e;
  border-radius: 5px;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
  color: #111;
}
.mkpt-shop-device-keys b:nth-child(3n+1),
.mkpt-single-key-grid b:nth-child(3n+1) { background: var(--mkpt-green); }
.mkpt-shop-device-keys b:nth-child(3n+2),
.mkpt-single-key-grid b:nth-child(3n+2) { background: var(--mkpt-yellow); }
.mkpt-shop-device-keys b:nth-child(3n+3),
.mkpt-single-key-grid b:nth-child(3n+3) { background: var(--mkpt-red); }
.mkpt-shop-strip {
  background: #fff;
  border-bottom: 1px solid #e4e9f0;
  padding: 22px 0;
}
.mkpt-shop-strip .mkpt-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.mkpt-shop-strip div {
  background: #f8fafc;
  border: 1px solid #e1e7ef;
  border-left: 5px solid var(--mkpt-green);
  border-radius: 8px;
  padding: 14px;
}
.mkpt-shop-strip strong,
.mkpt-shop-strip span {
  display: block;
}
.mkpt-shop-strip span {
  color: var(--mkpt-muted);
  font-size: 13px;
  margin-top: 3px;
}
.mkpt-shop-products .woocommerce-notices-wrapper {
  max-width: 920px;
  margin: 0 auto 18px;
}
.mkpt-shop-products .woocommerce-result-count,
.mkpt-shop-products .woocommerce-ordering {
  display: none;
}
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}
.woocommerce ul.products li.product.mkpt-product-card {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.woocommerce ul.products li.product.mkpt-product-card:hover {
  transform: translateY(-4px);
  border-color: #b8c4d4;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}
.mkpt-product-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: var(--mkpt-blue);
}
.mkpt-product-card-green::before { background: var(--mkpt-green); }
.mkpt-product-card-yellow::before { background: var(--mkpt-yellow); }
.mkpt-product-card-red::before { background: var(--mkpt-red); }
.mkpt-product-card-dark::before { background: var(--mkpt-ink); }
.mkpt-product-card-link {
  display: block;
  padding: 22px 18px 12px;
  color: var(--mkpt-ink);
  text-decoration: none;
  flex: 1;
}
.mkpt-product-card-link:hover {
  color: var(--mkpt-ink);
}
.mkpt-product-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.mkpt-product-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  background: #eef6ff;
  color: #075985;
  font-size: 11px;
  font-weight: 900;
}
.mkpt-product-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #111820;
  color: var(--mkpt-yellow);
  border: 2px solid var(--mkpt-yellow);
  font-weight: 900;
}
.mkpt-product-icon span { font-size: 22px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0 !important;
  margin: 0 0 10px !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}
.mkpt-product-summary {
  color: var(--mkpt-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 16px;
}
.mkpt-product-price-row {
  background: #f6f8fb;
  border: 1px solid #e3e9f0;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 14px;
}
.mkpt-product-micro {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin: 0 0 14px;
}
.mkpt-product-micro span {
  background: #eef6ff;
  border: 1px solid #d7e8ff;
  color: #0f4675;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 900;
}
.mkpt-product-price-row small {
  display: block;
  color: var(--mkpt-muted);
  font-size: 12px;
  font-weight: 800;
}
.mkpt-product-price .amount,
.woocommerce ul.products li.product .price,
.mkpt-single-price .amount {
  color: var(--mkpt-ink) !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.mkpt-product-features {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mkpt-product-features li,
.mkpt-check-list li {
  position: relative;
  padding-left: 22px;
  margin: 9px 0;
  color: #435061;
  font-size: 14px;
}

.mkpt-section.dark .mkpt-check-list li,
.mkpt-cta-band .mkpt-check-list li,
.mkpt-sidebar-box.dark .mkpt-check-list li {
  color: #dbe7f3;
}

.mkpt-section.dark .mkpt-card .mkpt-check-list li,
.mkpt-card .mkpt-check-list li,
.mkpt-affiliate-panel .mkpt-check-list li,
.mkpt-customer-grid article .mkpt-check-list li {
  color: #435061;
}
.mkpt-product-features li::before,
.mkpt-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--mkpt-green);
}
.mkpt-product-actions {
  padding: 0 18px 18px;
  display: grid;
  gap: 10px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .mkpt-product-actions a.button,
.woocommerce div.product form.cart .button {
  background: #14955f !important;
  color: #fff !important;
  border-radius: 7px !important;
  font-weight: 900 !important;
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0 !important;
  padding: 0 18px !important;
}
.mkpt-product-actions a.button {
  width: 100%;
}
.mkpt-product-more {
  min-height: 40px;
  border: 1px solid #cfd7e2;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 900;
  color: var(--mkpt-ink);
}
.mkpt-product-more:hover {
  background: #f6f8fb;
}
.mkpt-single-product-page {
  background: #fff;
}
.mkpt-product-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(22, 119, 255, .17), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(105, 210, 20, .18), transparent 24%),
    linear-gradient(120deg, #0b1118 0%, #121b27 58%, #1f2937 100%);
  color: #fff;
  padding: 82px 0;
}
.mkpt-product-hero-grid {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 46px;
  align-items: center;
}
.mkpt-single-buy {
  background: #fff;
  color: var(--mkpt-ink);
  border-radius: 8px;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .3);
}
.mkpt-single-buy .mkpt-kicker {
  color: #14955f;
}
.mkpt-single-buy h1 {
  font-size: 42px;
  line-height: 1.08;
  margin: 8px 0 12px;
}
.mkpt-single-summary {
  color: var(--mkpt-muted);
  font-size: 17px;
}
.mkpt-single-price {
  margin: 18px 0 14px;
}
.mkpt-single-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 18px;
}
.mkpt-single-meta span {
  background: #f1f5f9;
  border: 1px solid #dfe7ef;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
  color: #334155;
}
.mkpt-single-actions form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 14px !important;
}
.mkpt-single-actions .quantity {
  margin: 0 !important;
}
.mkpt-single-actions input.qty {
  min-height: 46px;
  border: 1px solid #cfd7e2;
  border-radius: 7px;
  font-weight: 900;
}
.mkpt-single-risk {
  color: #64748b;
  font-size: 13px;
  margin: 12px 0 0;
}
.mkpt-single-visual {
  display: flex;
  justify-content: center;
}
.mkpt-single-screen strong {
  font-size: 38px;
}
.mkpt-code-box {
  background: #0b1220;
  color: #dbeafe;
  border: 1px solid #22314a;
  padding: 14px;
  border-radius: 8px;
  font-weight: 900;
  overflow-wrap: anywhere;
}
.woocommerce-cart .mkpt-section,
.woocommerce-checkout .mkpt-section {
  background: #f8fafc;
}
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce-checkout #customer_details,
.woocommerce-order {
  background: #fff;
  border: 1px solid #dfe5ed !important;
  border-radius: 10px;
  padding: 18px;
}
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-cart input.input-text {
  min-height: 44px;
  border: 1px solid #cfd7e2;
  border-radius: 6px;
  padding: 8px 10px;
}

.mkpt-use-case-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.mkpt-use-case-grid .mkpt-card {
  min-height: 180px;
}
.mkpt-use-case-grid h3 {
  margin: 0 0 8px;
  font-size: 20px;
}
.mkpt-use-case-grid p {
  margin: 0;
  color: var(--mkpt-muted);
}
.mkpt-keyword-cloud {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 980px;
  margin: 0 auto;
}
.mkpt-keyword-cloud span {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  border: 1px solid #d7e2ee;
  background: #fff;
  color: #243141;
  border-radius: 6px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 900;
}
.mkpt-comparison {
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  overflow: hidden;
}
.mkpt-comparison > div {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1.3fr;
  border-top: 1px solid #e6ebf1;
}
.mkpt-comparison > div:first-child { border-top: 0; }
.mkpt-comparison span {
  padding: 16px;
  border-left: 1px solid #e6ebf1;
}
.mkpt-comparison span:first-child {
  border-left: 0;
  font-weight: 900;
  color: var(--mkpt-ink);
}
.mkpt-comparison-head {
  background: #111820;
  color: #fff;
  font-weight: 900;
}
.mkpt-comparison-head span {
  color: #fff !important;
}
.mkpt-plan-guide {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.mkpt-plan-guide article {
  background: #fff;
  border: 1px solid #dfe5ed;
  border-top: 5px solid var(--mkpt-green);
  border-radius: 8px;
  padding: 18px;
}
.mkpt-plan-guide strong,
.mkpt-plan-guide span {
  display: block;
}
.mkpt-plan-guide strong {
  font-size: 18px;
  margin-bottom: 6px;
}
.mkpt-plan-guide span {
  color: var(--mkpt-muted);
  font-size: 14px;
}
.mkpt-checkout-confidence {
  background: #0f1720;
  color: #fff;
  padding: 18px 0;
  margin: 0 0 24px;
}
.mkpt-checkout-confidence .mkpt-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.mkpt-checkout-confidence div div {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  padding: 14px;
}
.mkpt-checkout-confidence strong,
.mkpt-checkout-confidence span {
  display: block;
}
.mkpt-checkout-confidence strong {
  color: #fff;
  margin-bottom: 4px;
}
.mkpt-checkout-confidence span {
  color: #cbd5e1;
  font-size: 13px;
}
.mkpt-checkout-confidence a {
  color: #fff;
  font-weight: 900;
}
.mkpt-payment-note,
.mkpt-order-next {
  background: #f1f8f4;
  border: 1px solid #bfe7ce;
  border-left: 5px solid #14955f;
  border-radius: 8px;
  color: #173d2b;
  padding: 14px 16px;
  margin: 16px 0;
}
.mkpt-order-next h2 {
  margin-top: 0;
}

.mkpt-hero-bullets {
  list-style: none;
  padding: 0;
  margin: 22px 0 0;
  display: grid;
  gap: 10px;
  max-width: 560px;
}
.mkpt-hero-bullets li {
  position: relative;
  padding-left: 28px;
  color: #f5f7fb;
  font-weight: 900;
}
.mkpt-hero-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--mkpt-green);
  box-shadow: 0 0 0 4px rgba(105, 210, 20, .16);
}
.mkpt-launch-strip {
  background: #ffd21a;
  color: #111820;
  padding: 14px 0;
  border-bottom: 1px solid #c99f00;
}
.mkpt-launch-strip .mkpt-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  text-align: center;
}
.mkpt-launch-strip strong {
  text-transform: uppercase;
  font-size: 13px;
}
.mkpt-launch-strip a {
  color: #111820;
  font-weight: 900;
}
.mkpt-demo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 36px;
  align-items: center;
}
.mkpt-video-frame {
  min-height: 290px;
  border: 1px solid #344255;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(22, 119, 255, .15), transparent 34%),
    linear-gradient(180deg, #090f16 0%, #151f2c 100%);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  color: #fff;
  padding: 28px;
  text-align: center;
}
.mkpt-video-frame.has-video {
  min-height: 0;
  padding: 14px;
  align-content: stretch;
  justify-items: stretch;
  gap: 12px;
  background:
    linear-gradient(135deg, rgba(105, 210, 20, .12), transparent 34%),
    linear-gradient(180deg, #090f16 0%, #101a26 100%);
}
.mkpt-setup-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 6px;
  background: #000;
  object-fit: cover;
}
.mkpt-video-caption {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 12px;
  align-items: center;
  text-align: left;
}
.mkpt-video-caption span {
  grid-row: span 2;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--mkpt-green);
  color: #06130b;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0;
}
.mkpt-video-caption strong {
  font-size: 18px;
  line-height: 1.1;
}
.mkpt-video-caption em {
  color: #cbd5e1;
  font-style: normal;
  font-size: 13px;
  font-weight: 800;
}
.mkpt-video-play {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--mkpt-green);
  color: #06130b;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 0 0 12px rgba(105, 210, 20, .12);
}
.mkpt-video-frame > strong {
  font-size: 24px;
}
.mkpt-video-frame > span {
  color: #cbd5e1;
  font-weight: 800;
}
.mkpt-before-after {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.mkpt-before-after article {
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  background: #fff;
  padding: 26px;
}
.mkpt-before-after article:first-child {
  border-top: 5px solid var(--mkpt-red);
}
.mkpt-before-after article.after {
  border-top: 5px solid var(--mkpt-green);
}
.mkpt-before-after span {
  color: var(--mkpt-muted);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
}
.mkpt-before-after h3 {
  margin: 8px 0 12px;
  font-size: 26px;
}
.mkpt-before-after li {
  margin: 8px 0;
  color: #425065;
}
.mkpt-closeups {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.mkpt-closeups div {
  min-height: 58px;
  border: 2px solid #15191e;
  border-radius: 6px;
  display: grid;
  place-items: center;
  text-align: center;
  background: var(--mkpt-yellow);
  color: #111;
  font-weight: 900;
  font-size: 13px;
}
.mkpt-closeups div:nth-child(2n) { background: var(--mkpt-green); }
.mkpt-closeups div:nth-child(3n) { background: var(--mkpt-red); color: #fff; }
.mkpt-trust-deep {
  background: #0f1720;
  color: #fff;
  padding: 42px 0;
}
.mkpt-trust-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.mkpt-trust-grid div {
  border: 1px solid rgba(255, 255, 255, .16);
  border-left: 5px solid var(--mkpt-green);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255, 255, 255, .06);
}
.mkpt-trust-grid strong,
.mkpt-trust-grid span {
  display: block;
}
.mkpt-trust-grid strong {
  margin-bottom: 5px;
  color: #fff;
}
.mkpt-trust-grid span,
.mkpt-trust-grid a {
  color: #d7dee8;
}
.mkpt-section-action {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.mkpt-resource-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}
.mkpt-resource-links a {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7e2ee;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  font-weight: 900;
  text-align: center;
  padding: 10px;
}
.mkpt-lead-band {
  background: #111820;
  color: #fff;
}
.mkpt-lead-band p {
  color: #cbd5e1;
}
.mkpt-lead-form {
  background: #fff;
  color: var(--mkpt-ink);
  border-radius: 8px;
  padding: 24px;
  border-top: 5px solid var(--mkpt-green);
}
.mkpt-lead-form h3 {
  margin: 0 0 8px;
  font-size: 24px;
}
.mkpt-lead-form p {
  color: var(--mkpt-muted);
}
.mkpt-demo-points {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.mkpt-demo-points li {
  position: relative;
  padding-left: 28px;
  color: #eef6ff;
  font-weight: 900;
}
.mkpt-demo-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--mkpt-green);
  box-shadow: 0 0 0 4px rgba(105, 210, 20, .15);
}
.mkpt-demo-success {
  display: grid;
  gap: 5px;
  margin: 0 0 16px;
  padding: 14px;
  border-radius: 8px;
  background: #ecfdf3;
  border: 1px solid #bfe7ce;
  color: #173d2b;
}
.mkpt-demo-success strong,
.mkpt-demo-success span {
  display: block;
}
.mkpt-demo-success.is-warning {
  background: #fff8df;
  border-color: #f1d069;
  color: #5a4100;
}
.mkpt-demo-form {
  display: grid;
  gap: 13px;
}
.mkpt-demo-form label {
  display: grid;
  gap: 6px;
  font-weight: 900;
  color: #243141;
}
.mkpt-demo-form label > span {
  font-size: 13px;
}
.mkpt-lead-form input[type="email"],
.mkpt-lead-form input[type="text"] {
  width: 100%;
  min-height: 46px;
  border: 1px solid #cfd7e2;
  border-radius: 6px;
  padding: 8px 10px;
}
.mkpt-lead-form input[type="submit"],
.mkpt-lead-form button {
  min-height: 46px;
  border: 0;
  border-radius: 6px;
  background: #14955f;
  color: #fff;
  font-weight: 900;
  padding: 0 18px;
}
.mkpt-demo-consent {
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 10px !important;
  font-weight: 700 !important;
}
.mkpt-demo-consent input {
  margin-top: 4px;
}
.mkpt-demo-form > p {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--mkpt-muted);
}
.mkpt-product-trust-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 14px 0;
}
.mkpt-product-trust-row span {
  border: 1px solid #dfe7ef;
  border-radius: 6px;
  background: #f8fafc;
  color: #334155;
  min-height: 38px;
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 12px;
  font-weight: 900;
  padding: 5px;
}

@media (max-width: 1100px) {
  .mkpt-hero-grid { grid-template-columns: 1fr; }
  .mkpt-hero-console { max-width: 520px; }
  .mkpt-pricing { grid-template-columns: repeat(3, 1fr); }
  .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mkpt-product-hero-grid { grid-template-columns: 1fr; }
  .mkpt-use-case-grid,
  .mkpt-plan-guide,
  .mkpt-trust-grid,
  .mkpt-resource-links,
  .mkpt-closeups { grid-template-columns: repeat(2, 1fr); }
  .mkpt-demo-grid { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .mkpt-announcement .mkpt-wrap { flex-wrap: wrap; gap: 10px; padding-top: 8px; padding-bottom: 8px; }
  .mkpt-menu-toggle { display: block; }
  .mkpt-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 106px;
    background: #fff;
    border-bottom: 1px solid #dfe5ed;
    padding: 14px 22px;
  }
  body.mkpt-menu-open .mkpt-menu { display: block; }
  .mkpt-menu-list { display: grid; gap: 10px; }
  .mkpt-nav-cta { display: none; }
  .mkpt-feature-grid,
  .mkpt-trust-strip .mkpt-wrap,
  .mkpt-shop-strip .mkpt-wrap,
  .mkpt-checkout-confidence .mkpt-wrap,
  .mkpt-trust-grid,
  .mkpt-roadmap,
  .mkpt-steps,
  .mkpt-steps.wide,
  .mkpt-panel-demo,
  .mkpt-footer-grid,
  .mkpt-page-hero-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .mkpt-panel-demo,
  .mkpt-page-hero-grid { grid-template-columns: 1fr; }
  .mkpt-hero h1 { font-size: 48px; }
}

@media (max-width: 720px) {
  .mkpt-hero { min-height: 720px; background-position: 62% center; }
  .mkpt-hero h1 { font-size: 40px; }
  .mkpt-heading h2,
  .mkpt-cta-band h2,
  .mkpt-page-hero h1 { font-size: 32px; }
  .mkpt-feature-grid,
  .mkpt-trust-strip .mkpt-wrap,
  .mkpt-use-case-grid,
  .mkpt-plan-guide,
  .mkpt-checkout-confidence .mkpt-wrap,
  .mkpt-trust-grid,
  .mkpt-resource-links,
  .mkpt-closeups,
  .mkpt-before-after,
  .mkpt-demo-grid,
  .mkpt-product-trust-row,
  .mkpt-roadmap,
  .mkpt-steps,
  .mkpt-steps.wide,
  .mkpt-pricing,
  .mkpt-proof,
  .mkpt-control-list,
  .mkpt-two,
  .mkpt-footer-grid {
    grid-template-columns: 1fr;
  }
  .mkpt-price.popular { transform: none; }
  .mkpt-trust-seal {
    width: min(100%, 174px);
    min-height: 112px;
  }
  .mkpt-pay {
    min-width: 132px;
  }
  .mkpt-keys { grid-template-columns: repeat(3, 1fr); }
  .mkpt-cta-band .mkpt-wrap,
  .mkpt-footer-bottom {
    display: block;
  }
  .mkpt-live-badge { position: static; width: 100%; margin-top: 12px; }
  .woocommerce ul.products { grid-template-columns: 1fr; }
  .mkpt-single-buy { padding: 24px; }
  .mkpt-single-buy h1 { font-size: 32px; }
  .mkpt-comparison,
  .mkpt-comparison > div,
  .mkpt-comparison span {
    display: block;
  }
  .mkpt-comparison span {
    border-left: 0;
    border-top: 1px solid #e6ebf1;
  }
  .mkpt-comparison-head span:first-child { border-top: 0; }
}

/* 2025 premium conversion refresh */
:root {
  --mkpt-ink: #0b1118;
  --mkpt-panel: #111923;
  --mkpt-panel-2: #1c2734;
  --mkpt-line: #d9e2ec;
  --mkpt-soft: #f4f7fb;
  --mkpt-green: #54d80f;
  --mkpt-red: #ff3338;
  --mkpt-yellow: #ffd21a;
  --mkpt-blue: #1677ff;
  --mkpt-teal: #12b8a6;
  --mkpt-muted: #5c6877;
}

/* v7.0.0 fix-2026-05-14: removed duplicate `body` block that previously set
   `background: #f7f9fc`. It overrode the original body block (line ~33) and
   produced a visible light-gray strip around the dark homepage main on
   scroll-bounce / overscroll, which read as "double background." Body bg
   now falls through to the original block (--mkpt-white). Homepage-specific
   bg alignment is handled in assets/magickeypro-upgrade/css/mk-homepage.css. */
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  color: #0e1722;
}

body.admin-bar .mkpt-topbar { top: 32px; }

.mkpt-wrap { padding-left: 24px; padding-right: 24px; }

.mkpt-topbar {
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(14px);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

.mkpt-announcement {
  background: linear-gradient(90deg, #090e14, #101923 50%, #090e14);
  border-bottom: 1px solid rgba(255, 210, 26, .22);
}

.mkpt-announcement .mkpt-wrap {
  min-height: 36px;
  justify-content: space-between;
}

.mkpt-nav { min-height: 76px; }

.mkpt-logo strong {
  display: block;
  font-size: 18px;
  line-height: 1.05;
}

.mkpt-logo small {
  color: #657182;
  font-size: 13px;
  letter-spacing: 0;
}

.mkpt-logo-mark {
  width: 58px;
  height: 58px;
  box-shadow: 0 0 0 3px rgba(255, 210, 26, .18), 0 12px 28px rgba(15, 23, 42, .16);
}

.mkpt-menu-list { gap: 20px; }

.mkpt-menu-list a {
  position: relative;
  padding: 10px 0;
}

.mkpt-menu-list a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  background: linear-gradient(90deg, var(--mkpt-green), var(--mkpt-yellow));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.mkpt-menu-list .current-menu-item > a::after,
.mkpt-menu-list .current_page_item > a::after,
.mkpt-menu-list a:hover::after,
.mkpt-menu-list a:focus::after {
  transform: scaleX(1);
}

.mkpt-btn {
  min-height: 48px;
  border-radius: 8px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.mkpt-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(15, 23, 42, .16);
}

.mkpt-btn.green {
  background: linear-gradient(135deg, #14955f, #11ad6c);
}

.mkpt-btn.dark {
  background: linear-gradient(135deg, #0a0f15, #151f2b);
}

.mkpt-hero {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(6, 10, 14, .96) 0%, rgba(6, 10, 14, .86) 45%, rgba(6, 10, 14, .25) 100%),
    url("assets/magic-key-dashboard.png") center right / cover no-repeat;
}

.mkpt-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .05));
  pointer-events: none;
}

.mkpt-hero-grid,
.mkpt-page-hero-grid,
.mkpt-product-hero-grid {
  position: relative;
  z-index: 1;
}

.mkpt-hero h1 {
  max-width: 760px;
  text-wrap: balance;
}

.mkpt-kicker {
  color: #ffd21a;
  text-shadow: 0 0 18px rgba(255, 210, 26, .18);
}

.mkpt-proof div,
.mkpt-console-panel,
.mkpt-live-badge,
.mkpt-chart-hud,
.mkpt-mini-terminal,
.mkpt-video-frame {
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}

.mkpt-console-panel,
.mkpt-shop-device,
.mkpt-single-device {
  background: linear-gradient(180deg, #d5dae1 0%, #b8bec7 100%);
  border-color: #374151;
}

.mkpt-screen,
.mkpt-shop-device-screen,
.mkpt-single-screen {
  background: linear-gradient(180deg, #090f16, #111923);
}

.mkpt-key,
.mkpt-shop-device-keys b,
.mkpt-single-key-grid b {
  border-radius: 6px;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .18), 0 2px 0 rgba(255, 255, 255, .32);
}

.mkpt-section { padding: 96px 0; }

.mkpt-heading h2,
.mkpt-page-hero h1,
.mkpt-card h2,
.mkpt-single-buy h1 {
  text-wrap: balance;
}

.mkpt-feature,
.mkpt-card,
.mkpt-step,
.mkpt-price,
.mkpt-control,
.mkpt-faq details,
.mkpt-before-after article,
.mkpt-plan-guide article {
  color: #071018;
  border-color: #d8e2ed;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.mkpt-before-after article h3,
.mkpt-before-after article strong,
.mkpt-plan-guide article strong,
.mkpt-plan-guide article h3 {
  color: #071018;
}

.mkpt-feature,
.mkpt-card,
.mkpt-step,
.mkpt-control {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mkpt-feature:hover,
.mkpt-card:hover,
.mkpt-step:hover,
.mkpt-control:hover {
  transform: translateY(-3px);
  border-color: #b8c6d7;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .1);
}

.mkpt-trust-strip {
  background: #ffffff;
  padding: 28px 0;
}

.mkpt-trust-strip div,
.mkpt-shop-strip div {
  border-left-color: var(--mkpt-green);
  background: linear-gradient(180deg, #ffffff, #f7fbff);
}

.mkpt-pricing { align-items: stretch; }

.mkpt-price {
  border-top: 5px solid #d8e2ed;
  overflow: hidden;
}

.mkpt-price:nth-child(1) { border-top-color: #1677ff; }
.mkpt-price:nth-child(2) { border-top-color: #54d80f; }
.mkpt-price:nth-child(3) { border-top-color: #ffd21a; }
.mkpt-price:nth-child(4) { border-top-color: #ff3338; }
.mkpt-price:nth-child(5) { border-top-color: #0b1118; }

.mkpt-price.popular {
  border-color: #54d80f;
  box-shadow: 0 18px 46px rgba(84, 216, 15, .16), 0 18px 44px rgba(15, 23, 42, .1);
}

.mkpt-amount {
  color: #071018;
  letter-spacing: 0;
}

.mkpt-ribbon {
  box-shadow: 0 8px 20px rgba(255, 210, 26, .24);
}

.mkpt-product-card-link { min-height: 100%; }

.woocommerce ul.products li.product.mkpt-product-card {
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.woocommerce ul.products li.product.mkpt-product-card:hover {
  box-shadow: 0 20px 45px rgba(15, 23, 42, .14);
}

.mkpt-product-icon {
  background: radial-gradient(circle at 35% 25%, #1f3348, #091018 65%);
}

.mkpt-product-badge,
.mkpt-single-meta span,
.mkpt-product-micro span {
  border-radius: 999px;
}

.mkpt-product-price-row {
  background: linear-gradient(180deg, #f8fbff, #eef4fb);
}

.mkpt-product-hero {
  background:
    radial-gradient(circle at 14% 22%, rgba(255, 210, 26, .12), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(84, 216, 15, .16), transparent 24%),
    linear-gradient(120deg, #070c12 0%, #111923 58%, #1b2939 100%);
}

.mkpt-single-buy {
  border-top: 5px solid var(--mkpt-green);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

.mkpt-single-buy h1 {
  color: #0b1118;
}

.mkpt-checkout-confidence {
  background: linear-gradient(90deg, #071018, #111923);
}

.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce-checkout #customer_details,
.woocommerce-order {
  border-radius: 8px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .06);
}

.woocommerce-checkout #place_order,
.wc-block-components-checkout-place-order-button,
.woocommerce-cart .checkout-button {
  min-height: 52px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #14955f, #11ad6c) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 30px rgba(20, 149, 95, .22) !important;
}

.mkpt-page-hero {
  background:
    radial-gradient(circle at 18% 16%, rgba(84, 216, 15, .14), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(22, 119, 255, .13), transparent 24%),
    linear-gradient(120deg, #071018, #111923 62%, #172332);
}

.mkpt-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.mkpt-post-card {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  display: flex;
  flex-direction: column;
}

.mkpt-post-media {
  min-height: 170px;
  background:
    linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(135deg, #071018, #172333);
  background-size: 34px 34px, 34px 34px, auto;
  color: #ffd21a;
  display: grid;
  place-items: center;
  text-decoration: none;
  font-size: 34px;
  font-weight: 1000;
}

.mkpt-post-media img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}

.mkpt-post-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.mkpt-post-label {
  color: #14955f;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 1000;
}

.mkpt-post-body h2 {
  font-size: 22px;
  line-height: 1.18;
  margin: 8px 0 10px;
}

.mkpt-post-body h2 a,
.mkpt-post-link {
  text-decoration: none;
}

.mkpt-post-body p {
  color: var(--mkpt-muted);
  margin: 0 0 18px;
}

.mkpt-post-link {
  margin-top: auto;
  color: #0b1118;
  font-weight: 900;
}

.mkpt-pagination {
  margin-top: 34px;
  display: flex;
  justify-content: center;
}

.mkpt-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mkpt-pagination a,
.mkpt-pagination span {
  min-width: 42px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  background: #fff;
  color: #0b1118;
  text-decoration: none;
  font-weight: 900;
}

.mkpt-pagination .current {
  background: #0b1118;
  color: #fff;
}

.mkpt-single-post-page {
  background: #f3f7fb;
}

.mkpt-post-hero {
  background:
    radial-gradient(circle at 14% 20%, rgba(84, 216, 15, .16), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(255, 210, 26, .13), transparent 24%),
    linear-gradient(120deg, #071018, #111923 62%, #172332);
  color: #fff;
  padding: 76px 0;
}

.mkpt-post-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
  gap: 52px;
  align-items: center;
}

.mkpt-post-back {
  display: inline-flex;
  margin-bottom: 18px;
  color: #c8d4e2;
  text-decoration: none;
  font-weight: 900;
}

.mkpt-post-hero h1 {
  max-width: 860px;
  margin: 10px 0 18px;
  color: #fff;
  font-size: clamp(38px, 5vw, 68px);
  line-height: .98;
}

.mkpt-post-hero p {
  max-width: 760px;
  color: #d7e2ef;
  font-size: 20px;
  line-height: 1.6;
}

.mkpt-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mkpt-post-meta span {
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
  border-radius: 999px;
  padding: 9px 13px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.mkpt-post-hero-panel {
  border: 7px solid #aeb8c5;
  border-radius: 8px;
  background: #c9ced6;
  padding: 20px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28);
}

.mkpt-post-panel-screen {
  background: #071018;
  border-top: 5px solid var(--mkpt-green);
  padding: 22px;
  min-height: 124px;
  display: grid;
  gap: 8px;
}

.mkpt-post-panel-screen strong {
  color: #fff;
  font-size: 20px;
}

.mkpt-post-panel-screen span {
  color: #dbe7f3;
  font-size: 13px;
  font-weight: 800;
}

.mkpt-post-panel-keys {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
}

.mkpt-post-panel-keys b {
  min-height: 56px;
  border: 2px solid #05090d;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #071018;
  font-size: 13px;
  font-weight: 1000;
  background: #ffd21a;
}

.mkpt-post-panel-keys b:nth-child(3n+1) {
  background: var(--mkpt-green);
}

.mkpt-post-panel-keys b:nth-child(3n+3) {
  background: var(--mkpt-red);
  color: #fff;
}

.mkpt-article-section {
  padding-top: 64px;
}

.mkpt-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 34px;
  align-items: start;
}

.mkpt-article {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
}

.mkpt-article-featured {
  margin: 0;
  background: #071018;
}

.mkpt-article-featured img {
  width: 100%;
  height: auto;
  display: block;
}

.mkpt-article-content {
  padding: clamp(28px, 5vw, 58px);
  color: #17202b;
  font-size: 18px;
  line-height: 1.78;
}

.mkpt-article-content > *:first-child {
  margin-top: 0;
}

.mkpt-article-content h2,
.mkpt-article-content h3,
.mkpt-article-content h4 {
  color: #071018;
  line-height: 1.16;
  margin: 38px 0 14px;
}

.mkpt-article-content h2 {
  font-size: clamp(28px, 3vw, 40px);
}

.mkpt-article-content h3 {
  font-size: 25px;
}

.mkpt-article-content p,
.mkpt-article-content li {
  color: #354254;
}

.mkpt-article-content a {
  color: #118858;
  font-weight: 900;
}

.mkpt-article-content ul,
.mkpt-article-content ol {
  padding-left: 24px;
}

.mkpt-article-content blockquote {
  margin: 32px 0;
  padding: 22px 24px;
  border-left: 5px solid var(--mkpt-green);
  background: #f2f8f4;
  color: #17202b;
  font-weight: 800;
}

.mkpt-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 16px;
}

.mkpt-article-content th,
.mkpt-article-content td {
  border: 1px solid #d8e2ed;
  padding: 13px 14px;
  text-align: left;
}

.mkpt-article-content th {
  background: #071018;
  color: #fff;
}

.mkpt-article-sidebar {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 128px;
}

.mkpt-sidebar-box {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.mkpt-sidebar-box.dark {
  background: linear-gradient(160deg, #071018, #121d29);
  color: #fff;
  border-color: #1f2b38;
}

.mkpt-sidebar-box h2 {
  margin: 8px 0 12px;
  font-size: 24px;
}

.mkpt-sidebar-box.dark h2,
.mkpt-sidebar-box.dark p {
  color: #fff;
}

.mkpt-sidebar-box a:not(.mkpt-btn) {
  display: block;
  padding: 12px 0;
  border-top: 1px solid #e2ebf3;
  color: #0b1118;
  text-decoration: none;
  font-weight: 900;
}

.mkpt-sidebar-box a:not(.mkpt-btn):hover {
  color: #118858;
}

.mkpt-policy-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(84, 216, 15, .16), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(255, 210, 26, .13), transparent 24%),
    linear-gradient(120deg, #071018, #111923 62%, #172332);
  color: #fff;
  padding: 78px 0;
}

.mkpt-policy-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) 380px;
  gap: 46px;
  align-items: center;
}

.mkpt-policy-hero h1 {
  max-width: 900px;
  margin: 10px 0 18px;
  color: #fff;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .98;
}

.mkpt-policy-hero p {
  max-width: 760px;
  color: #d7e2ef;
  font-size: 20px;
  line-height: 1.58;
}

.mkpt-policy-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mkpt-policy-meta span {
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
  border-radius: 999px;
  padding: 9px 13px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.mkpt-policy-meta a {
  color: #fff;
}

.mkpt-policy-summary {
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: rgba(7, 16, 24, .72);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28);
  padding: 24px;
  display: grid;
  gap: 12px;
}

.mkpt-policy-summary strong {
  color: #fff;
  font-size: 24px;
}

.mkpt-policy-summary span {
  border-left: 4px solid var(--mkpt-green);
  background: rgba(255, 255, 255, .06);
  color: #dce7f3;
  padding: 11px 12px;
  font-weight: 850;
}

.mkpt-policy-shell {
  background: #f3f7fb;
  padding: 64px 0 86px;
}

.mkpt-policy-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}

.mkpt-policy-nav {
  position: sticky;
  top: 126px;
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  padding: 18px;
}

.mkpt-policy-nav strong {
  display: block;
  color: #071018;
  font-size: 17px;
  margin-bottom: 8px;
}

.mkpt-policy-nav a {
  display: block;
  border-top: 1px solid #e2ebf3;
  padding: 12px 0;
  color: #263241;
  text-decoration: none;
  font-weight: 900;
}

.mkpt-policy-nav a:hover {
  color: #118858;
}

.mkpt-policy-doc {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
  padding: clamp(28px, 5vw, 58px);
  color: #17202b;
  font-size: 18px;
  line-height: 1.75;
}

.mkpt-policy-doc h2 {
  margin: 40px 0 14px;
  color: #071018;
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.14;
}

.mkpt-policy-doc h2:first-child {
  margin-top: 0;
}

.mkpt-policy-doc p,
.mkpt-policy-doc li {
  color: #354254;
}

.mkpt-policy-doc ul,
.mkpt-policy-doc ol {
  padding-left: 24px;
}

.mkpt-policy-doc code {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
  background: #071018;
  color: #fff;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: .92em;
}

.mkpt-policy-notice {
  border-radius: 8px;
  padding: 22px 24px;
  margin-bottom: 30px;
  border: 1px solid #d8e2ed;
  background: #f8fbff;
}

.mkpt-policy-notice strong {
  display: block;
  color: #071018;
  font-size: 22px;
  margin-bottom: 6px;
}

.mkpt-policy-notice p {
  margin: 0;
}

.mkpt-policy-notice.dark {
  background: #071018;
  border-color: #071018;
}

.mkpt-policy-notice.dark strong,
.mkpt-policy-notice.dark p {
  color: #fff;
}

.mkpt-policy-notice.green {
  border-color: rgba(84, 216, 15, .32);
  background: #f3fbef;
}

.mkpt-policy-notice.yellow {
  border-color: rgba(255, 210, 26, .45);
  background: #fff9dc;
}

.mkpt-policy-notice.red {
  border-color: rgba(255, 47, 47, .24);
  background: #fff1f1;
}

.mkpt-policy-notice.blue {
  border-color: rgba(22, 119, 255, .22);
  background: #eef6ff;
}

.mkpt-policy-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0 34px;
}

.mkpt-policy-card {
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  padding: 18px;
}

.mkpt-policy-card span {
  display: inline-flex;
  border-radius: 999px;
  background: #071018;
  color: #fff;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.mkpt-policy-card strong {
  display: block;
  color: #071018;
  font-size: 19px;
  margin: 12px 0 8px;
}

.mkpt-policy-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.mkpt-policy-cta {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  margin-top: 46px;
  padding: 24px;
  border-radius: 8px;
  background: linear-gradient(120deg, #071018, #121d29);
  color: #fff;
}

.mkpt-policy-cta strong {
  display: block;
  font-size: 22px;
  margin-bottom: 6px;
}

.mkpt-policy-cta p {
  margin: 0;
  color: #d7e2ef;
}

.mkpt-customer-page {
  background:
    radial-gradient(circle at 12% 18%, rgba(84, 216, 15, .08), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(255, 210, 26, .08), transparent 24%),
    #f3f7fb;
  padding: 78px 0;
}

.mkpt-customer-lead {
  max-width: 960px;
  margin-bottom: 34px;
}

.mkpt-customer-lead h2,
.mkpt-contact-main h2 {
  color: #071018;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1;
  margin: 8px 0 16px;
}

.mkpt-customer-lead p,
.mkpt-contact-main p {
  color: #354254;
  font-size: 19px;
  line-height: 1.62;
}

.mkpt-customer-grid {
  display: grid;
  gap: 18px;
}

.mkpt-customer-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mkpt-customer-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mkpt-customer-grid article {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  padding: 24px;
  color: #071018;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.mkpt-customer-grid article span {
  display: inline-flex;
  min-width: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #071018;
  color: #ffd21a;
  font-size: 13px;
  font-weight: 1000;
}

.mkpt-customer-grid article h3 {
  color: #071018;
  font-size: 22px;
  margin: 18px 0 10px;
}

.mkpt-customer-grid article p {
  color: #435166;
  line-height: 1.58;
}

.mkpt-customer-grid article a {
  color: #118858;
  font-weight: 900;
  text-decoration: none;
}

.mkpt-process-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.mkpt-process-timeline div {
  position: relative;
  background: #fff;
  border: 1px solid #d8e2ed;
  border-top: 5px solid var(--mkpt-green);
  border-radius: 8px;
  padding: 22px;
  color: #071018;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.mkpt-process-timeline span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #071018;
  color: #fff;
  font-weight: 1000;
}

.mkpt-process-timeline strong {
  display: block;
  color: #071018;
  font-size: 20px;
  margin: 18px 0 8px;
}

.mkpt-process-timeline p {
  color: #435166;
  line-height: 1.56;
}

.mkpt-support-ticket,
.mkpt-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 28px;
  align-items: stretch;
}

.mkpt-support-ticket > div,
.mkpt-contact-main,
.mkpt-contact-side,
.mkpt-contact-box {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
}

.mkpt-support-ticket > div:first-child,
.mkpt-contact-main,
.mkpt-contact-box {
  background: linear-gradient(145deg, #071018, #121d29);
  border-color: #1d2a36;
  color: #fff;
}

.mkpt-support-ticket strong,
.mkpt-contact-box strong {
  display: block;
  font-size: 24px;
  margin-bottom: 12px;
}

.mkpt-support-ticket a,
.mkpt-contact-box a,
.mkpt-contact-email a {
  color: #54d80f;
  font-weight: 1000;
  word-break: break-word;
}

.mkpt-support-ticket p,
.mkpt-contact-box p,
.mkpt-contact-main p {
  color: #d7e2ef;
}

.mkpt-support-ticket li,
.mkpt-contact-side li {
  color: #435166;
  margin-bottom: 8px;
}

.mkpt-contact-side strong {
  display: block;
  color: #071018;
  font-size: 24px;
  margin-bottom: 12px;
}

.mkpt-contact-email {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  border-radius: 8px;
  padding: 18px;
  margin: 24px 0;
}

.mkpt-contact-email span {
  color: #c8d4e2;
  font-weight: 900;
}

.mkpt-contact-email a {
  font-size: clamp(20px, 3vw, 30px);
  text-decoration: none;
}

.mkpt-affiliate-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.mkpt-affiliate-panel > div {
  background: #fff;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  padding: 28px;
  color: #071018;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.mkpt-affiliate-panel h3 {
  color: #071018;
  font-size: 25px;
  margin: 0 0 16px;
}

.mkpt-resource-article .mkpt-customer-grid {
  margin-top: 28px;
}

.mkpt-resource-summary {
  margin: 26px auto 0;
  max-width: 960px;
  border-left: 6px solid var(--mkpt-green);
}

.mkpt-resource-summary p {
  font-size: 18px;
  line-height: 1.65;
}

.mkpt-footer {
  background:
    radial-gradient(circle at 10% 0%, rgba(84, 216, 15, .12), transparent 22%),
    linear-gradient(180deg, #071018, #0b1118);
}

.mkpt-footer .mkpt-logo.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.mkpt-footer .mkpt-logo.footer-logo > span:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.05;
}

.mkpt-footer .mkpt-logo.footer-logo strong {
  display: block;
  font-size: 18px;
  color: #fff;
}

.mkpt-footer .mkpt-logo.footer-logo small {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  color: #93a0ae;
}

.mkpt-floating-support a {
  background: linear-gradient(135deg, #0a0f15, #151f2b);
  box-shadow: 0 16px 36px rgba(15, 23, 42, .22);
}

@media (max-width: 1100px) {
  .mkpt-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mkpt-post-hero-grid,
  .mkpt-article-layout,
  .mkpt-policy-hero-grid,
  .mkpt-policy-layout,
  .mkpt-support-ticket,
  .mkpt-contact-grid,
  .mkpt-affiliate-panel { grid-template-columns: 1fr; }
  .mkpt-article-sidebar,
  .mkpt-policy-nav { position: static; }
  .mkpt-policy-card-grid,
  .mkpt-customer-grid.three,
  .mkpt-customer-grid.four,
  .mkpt-process-timeline { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  body.admin-bar .mkpt-topbar { top: 46px; }
  .mkpt-announcement .mkpt-wrap { justify-content: center; }
  .mkpt-menu { top: 112px; }
}

@media (max-width: 720px) {
  .mkpt-wrap { padding-left: 18px; padding-right: 18px; }
  .mkpt-section { padding: 68px 0; }
  .mkpt-nav { min-height: 70px; }
  .mkpt-logo-mark { width: 50px; height: 50px; }
  .mkpt-logo strong { font-size: 17px; }
  .mkpt-logo small { font-size: 12px; }
  .mkpt-post-grid { grid-template-columns: 1fr; }
  .mkpt-post-hero { padding: 58px 0; }
  .mkpt-post-hero-panel { padding: 14px; }
  .mkpt-post-panel-keys { gap: 8px; }
  .mkpt-post-panel-keys b { min-height: 48px; }
  .mkpt-article-content { font-size: 17px; }
  .mkpt-policy-hero { padding: 58px 0; }
  .mkpt-policy-doc { font-size: 17px; }
  .mkpt-policy-cta { display: grid; }
  .mkpt-customer-page { padding: 58px 0; }
  .mkpt-customer-lead p,
  .mkpt-contact-main p { font-size: 17px; }
  .mkpt-hero { min-height: 700px; }
  .mkpt-hero-copy { padding-top: 20px; padding-bottom: 20px; }
}

/* Product interface refresh adapted for Magic Key. */
:root {
  --mkpt-rb-black: #000;
  --mkpt-rb-ink: #f8f9ff;
  --mkpt-rb-muted: #a6adbb;
  --mkpt-rb-card: #1b1d23;
  --mkpt-rb-card-2: #24262e;
  --mkpt-rb-line: rgba(255, 255, 255, .1);
  --mkpt-rb-blue: #1f80ff;
  --mkpt-rb-violet: #6f5cff;
  --mkpt-rb-pink: #ff4d9d;
  --mkpt-rb-red: #ff4b3e;
  --mkpt-rb-orange: #ff8b22;
  --mkpt-rb-green: #1eca60;
  --mkpt-rb-cyan: #12c8ff;
  --mkpt-rb-shadow: 0 34px 90px rgba(0, 0, 0, .34);
}

body {
  background: #000;
  color: #f8f9ff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight: 700;
}

body:not(.home) {
  background: #f2f4f8;
  color: #111217;
}

body:not(.home) .mkpt-legacy-header {
  background: rgba(0, 0, 0, .92);
}

.mkpt-wrap {
  max-width: 1120px;
}

.mkpt-topbar.mkpt-legacy-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, .7);
  border: 0;
  backdrop-filter: blur(18px);
  color: #fff;
  transition: background .22s ease, box-shadow .22s ease;
}

.mkpt-topbar.mkpt-legacy-header.is-scrolled {
  background: rgba(0, 0, 0, .94);
  box-shadow: 0 20px 44px rgba(0, 0, 0, .3);
}

.mkpt-legacy-header .mkpt-nav {
  min-height: 66px;
}

.mkpt-rb-logo {
  color: #fff;
  gap: 10px;
}

.mkpt-rb-logo .mkpt-logo-mark {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  background:
    radial-gradient(circle at 28% 25%, #fff 0 4%, transparent 5%),
    conic-gradient(from 210deg, #316bff, #824dff, #ff4f9a, #ff8b22, #1dcc68, #316bff);
  box-shadow: 0 10px 24px rgba(31, 128, 255, .35);
}

.mkpt-rb-logo strong {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0;
}

.mkpt-rb-logo small {
  display: inline-flex;
  margin-left: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
  color: #b7bfce;
  font-size: 10px;
  line-height: 1;
}

.mkpt-legacy-header .mkpt-menu-list {
  gap: 8px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .09);
}

.mkpt-legacy-header .mkpt-menu-list a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  color: rgba(255, 255, 255, .74);
  border-radius: 999px;
  font-size: 13px;
  transition: background .18s ease, color .18s ease;
}

.mkpt-legacy-header .mkpt-menu-list a:hover,
.mkpt-legacy-header .mkpt-menu-list a:focus,
.mkpt-legacy-header .mkpt-menu-list .current-menu-item > a,
.mkpt-legacy-header .mkpt-menu-list .current_page_item > a {
  color: #fff;
  background: rgba(255, 255, 255, .1);
}

.mkpt-rb-connect,
.mkpt-btn.mkpt-rb-connect,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #2091ff, #6e58ff);
  border-radius: 12px;
  min-height: 42px;
  padding: 0 17px;
  box-shadow: 0 12px 28px rgba(31, 128, 255, .28);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.mkpt-rb-connect:hover,
.mkpt-btn.mkpt-rb-connect:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow: 0 18px 36px rgba(31, 128, 255, .36);
}

.mkpt-btn.light {
  background: rgba(255, 255, 255, .96);
  border: 0;
  color: #171821;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.mkpt-rb-hero {
  position: relative;
  overflow: hidden;
  min-height: 1090px;
  padding: 108px 0 78px;
  background:
    radial-gradient(circle at 50% 40%, rgba(111, 91, 255, .32), transparent 26%),
    radial-gradient(circle at 38% 22%, rgba(31, 128, 255, .28), transparent 18%),
    linear-gradient(180deg, #000 0%, #03030a 58%, #171922 100%);
  color: #fff;
}

.mkpt-rb-hero::before {
  content: "";
  position: absolute;
  inset: 68px auto auto 50%;
  width: 760px;
  height: 760px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(74, 54, 255, .2), transparent 67%);
  pointer-events: none;
}

.mkpt-rb-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.mkpt-rb-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  color: #c9d2e3;
  font-size: 12px;
}

.mkpt-rb-brand-pill::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: conic-gradient(from 210deg, #316bff, #824dff, #ff4f9a, #ff8b22, #1dcc68, #316bff);
}

.mkpt-rb-hero h1 {
  margin: 22px auto 12px;
  color: #fff;
  font-size: clamp(42px, 8vw, 78px);
  line-height: .98;
  letter-spacing: 0;
  max-width: 900px;
}

.mkpt-rb-hero h1 span {
  display: block;
  color: transparent;
  background: linear-gradient(90deg, #2494ff, #7c69ff 58%, #ff5b9d);
  -webkit-background-clip: text;
  background-clip: text;
}

.mkpt-rb-hero p {
  max-width: 650px;
  margin: 0 auto;
  color: #d4d7e0;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.28;
}

.mkpt-rb-command {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 26px auto 0;
  padding: 7px 8px 7px 18px;
  border-radius: 999px;
  background: #20212a;
  border: 1px solid rgba(255, 255, 255, .08);
  color: #aeb7c9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.mkpt-rb-command code {
  padding: 0;
  border: 0;
  background: transparent;
  color: #d3d8e6;
  font-size: 13px;
  font-weight: 800;
}

.mkpt-rb-command button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  color: transparent;
  cursor: pointer;
  position: relative;
}

.mkpt-rb-command button::before,
.mkpt-rb-command button::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 12px;
  border: 1.8px solid #b9c2d4;
  border-radius: 3px;
}

.mkpt-rb-command button::before { left: 8px; top: 10px; }
.mkpt-rb-command button::after { left: 11px; top: 7px; background: #20212a; }
.mkpt-rb-command.is-copied button::after { border-color: #20d477; }

.mkpt-rb-hero-actions,
.mkpt-rb-hero .mkpt-hero-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.mkpt-rb-stage {
  position: relative;
  z-index: 2;
  min-height: 520px;
  margin: 76px auto 0;
  max-width: 940px;
  perspective: 1100px;
}

.mkpt-rb-modal {
  overflow: hidden;
  border-radius: 22px;
  background: #1b1d22;
  border: 1px solid rgba(255, 255, 255, .1);
  color: #f9fbff;
  box-shadow: var(--mkpt-rb-shadow);
}

.mkpt-rb-main-panel {
  width: min(720px, 76vw);
  min-height: 380px;
  transform: rotateX(0deg) rotateY(0deg);
  transition: transform .18s ease;
}

.mkpt-rb-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.mkpt-rb-modal-head strong {
  font-size: 14px;
}

.mkpt-rb-modal-head button,
.mkpt-rb-close {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  color: #aeb6c8;
  background: rgba(255, 255, 255, .08);
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mkpt-rb-modal-grid {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr);
  min-height: 320px;
}

.mkpt-rb-wallet-list {
  padding: 18px 20px;
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.mkpt-rb-wallet-list span {
  display: block;
  margin: 12px 0 9px;
  color: #828b9e;
  font-size: 12px;
}

.mkpt-rb-wallet-list a {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 36px;
  color: #f8f9ff;
  text-decoration: none;
  font-size: 13px;
}

.mkpt-rb-wallet-list i,
.mkpt-rb-phone-modal span,
.mkpt-rb-floating-card span,
.mkpt-rb-controls span {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: #1f80ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36);
}

.mkpt-rb-wallet-list i.violet,
.mkpt-rb-controls span.violet { background: #6f5cff; }
.mkpt-rb-wallet-list i.orange { background: #ff8b22; }
.mkpt-rb-wallet-list i.green,
.mkpt-rb-controls span.green { background: #1eca60; }
.mkpt-rb-wallet-list i.cyan { background: #12c8ff; }
.mkpt-rb-wallet-list i.slate { background: #7a879a; }
.mkpt-rb-controls span.pink { background: #ff4d9d; }
.mkpt-rb-controls span.blue { background: #1f80ff; }

.mkpt-rb-wallet-info {
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 26px;
  text-align: center;
}

.mkpt-rb-wallet-info h2 {
  margin: 0 0 22px;
  color: #fff;
  font-size: 18px;
}

.mkpt-rb-wallet-info article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  width: min(330px, 100%);
  margin-bottom: 18px;
  text-align: left;
}

.mkpt-rb-wallet-info article b {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #316bff, #824dff, #ff4f9a);
}

.mkpt-rb-wallet-info article b.pink {
  background: linear-gradient(135deg, #4fe7ff, #ff4d9d);
}

.mkpt-rb-wallet-info article strong {
  display: block;
  color: #fff;
  font-size: 13px;
}

.mkpt-rb-wallet-info article p {
  margin: 4px 0 0;
  color: #b0b7c8;
  font-size: 12px;
  line-height: 1.35;
}

.mkpt-rb-wallet-info .mkpt-btn {
  min-height: 36px;
  margin-top: 5px;
  border-radius: 999px;
  font-size: 12px;
}

.mkpt-rb-learn {
  margin-top: 12px;
  color: #58a6ff;
  text-decoration: none;
  font-size: 12px;
}

.mkpt-rb-floating-card {
  position: absolute;
  right: 120px;
  bottom: 38px;
  width: 350px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(31, 33, 41, .96);
  border: 1px solid rgba(255, 255, 255, .11);
  color: #fff;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .44);
  animation: mkptFloat 7s ease-in-out infinite;
}

.mkpt-rb-floating-card strong {
  display: block;
  margin-bottom: 13px;
  font-size: 13px;
}

.mkpt-rb-floating-card div {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

.mkpt-rb-floating-card span:nth-child(2) { background: #6f5cff; }
.mkpt-rb-floating-card span:nth-child(3) { background: #ff8b22; }
.mkpt-rb-floating-card span:nth-child(4) { background: #1eca60; }

.mkpt-rb-floating-card small {
  color: #aeb7c8;
}

.mkpt-rb-phone {
  position: absolute;
  right: 0;
  top: 16px;
  width: 206px;
  height: 380px;
  border-radius: 38px;
  padding: 11px;
  background: #0f1117;
  border: 4px solid #737985;
  box-shadow: 0 35px 80px rgba(0, 0, 0, .44);
  transform: rotate(1deg);
}

.mkpt-rb-phone-screen {
  height: 100%;
  border-radius: 28px;
  overflow: hidden;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .78)),
    url("assets/magic-key-dashboard.png") center / cover no-repeat;
  color: #fff;
}

.mkpt-rb-phone-screen > span {
  font-size: 10px;
}

.mkpt-rb-phone-screen h3 {
  margin: 72px 0 14px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.mkpt-rb-phone-modal {
  padding: 14px;
  border-radius: 17px;
  background: rgba(25, 27, 36, .92);
  border: 1px solid rgba(255, 255, 255, .12);
  text-align: center;
}

.mkpt-rb-phone-modal strong,
.mkpt-rb-phone-modal em,
.mkpt-rb-phone-modal b {
  display: block;
}

.mkpt-rb-phone-modal strong {
  font-size: 12px;
}

.mkpt-rb-phone-modal em {
  margin: 8px 0;
  color: #b6bece;
  font-size: 10px;
  font-style: normal;
}

.mkpt-rb-phone-modal b {
  color: #3be27d;
  font-size: 12px;
}

.mkpt-rb-proof-line {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin: 32px auto 0;
  color: #ebedff;
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
}

.mkpt-rb-logo-cloud {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px 34px;
  max-width: 850px;
  margin: 58px auto 0;
  color: #9fa7b7;
  text-align: center;
  font-size: 13px;
}

.mkpt-rb-logo-cloud span::after {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  margin: 14px auto 0;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 36%, rgba(255, 255, 255, .16), rgba(255, 255, 255, .035) 56%, transparent 57%);
}

.mkpt-rb-spin {
  padding: 96px 0 110px;
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 255, 255, .16), transparent 20%),
    linear-gradient(135deg, #1974ff 0%, #2459e8 48%, #2737c5 100%);
  color: #fff;
  overflow: hidden;
}

.mkpt-rb-spin-copy {
  max-width: 660px;
  margin: 0 auto 42px;
  text-align: center;
}

.mkpt-rb-spin h2,
.mkpt-rb-developers h2,
.mkpt-footer-love h2 {
  margin: 0 0 18px;
  color: inherit;
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.04;
}

.mkpt-rb-spin p,
.mkpt-rb-developers p,
.mkpt-footer-love p {
  max-width: 680px;
  margin: 0 auto;
  color: rgba(255, 255, 255, .88);
  font-size: 18px;
  line-height: 1.35;
  text-align: center;
}

.mkpt-rb-demo-preview {
  display: grid;
  justify-items: center;
  gap: 30px;
}

.mkpt-rb-preview-panel {
  width: min(660px, 100%);
  background: #fff;
  color: #171821;
}

.mkpt-rb-preview-panel .mkpt-rb-modal-head {
  border-bottom-color: #eceff5;
}

.mkpt-rb-preview-panel .mkpt-rb-modal-head button,
.mkpt-rb-preview-panel .mkpt-rb-close {
  background: #eff2f8;
  color: #a6adba;
}

.mkpt-rb-preview-panel .mkpt-rb-wallet-list {
  border-right-color: #eceff5;
}

.mkpt-rb-preview-panel .mkpt-rb-wallet-list a,
.mkpt-rb-preview-panel .mkpt-rb-wallet-info h2,
.mkpt-rb-preview-panel .mkpt-rb-wallet-info article strong {
  color: #171821;
}

.mkpt-rb-preview-panel .mkpt-rb-wallet-info article p {
  color: #6b7280;
}

.mkpt-theme-lab[data-mode="dark"] .mkpt-rb-preview-panel {
  background: #1b1d22;
  color: #fff;
}

.mkpt-theme-lab[data-mode="dark"] .mkpt-rb-preview-panel .mkpt-rb-modal-head,
.mkpt-theme-lab[data-mode="dark"] .mkpt-rb-preview-panel .mkpt-rb-wallet-list {
  border-color: rgba(255, 255, 255, .1);
}

.mkpt-theme-lab[data-mode="dark"] .mkpt-rb-preview-panel .mkpt-rb-wallet-list a,
.mkpt-theme-lab[data-mode="dark"] .mkpt-rb-preview-panel .mkpt-rb-wallet-info h2,
.mkpt-theme-lab[data-mode="dark"] .mkpt-rb-preview-panel .mkpt-rb-wallet-info article strong {
  color: #fff;
}

.mkpt-theme-lab[data-accent="violet"] .mkpt-rb-connect { background: linear-gradient(135deg, #715cff, #a64dff); }
.mkpt-theme-lab[data-accent="pink"] .mkpt-rb-connect { background: linear-gradient(135deg, #ff4d9d, #ff6347); }
.mkpt-theme-lab[data-accent="green"] .mkpt-rb-connect { background: linear-gradient(135deg, #1eca60, #0ca7a5); }
.mkpt-theme-lab[data-radius="medium"] .mkpt-rb-modal,
.mkpt-theme-lab[data-radius="medium"] .mkpt-rb-preview-panel { border-radius: 14px; }
.mkpt-theme-lab[data-radius="small"] .mkpt-rb-modal,
.mkpt-theme-lab[data-radius="small"] .mkpt-rb-preview-panel { border-radius: 7px; }

.mkpt-rb-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
}

.mkpt-rb-controls > div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, .76);
}

.mkpt-rb-controls strong {
  font-size: 13px;
}

.mkpt-rb-controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 2px solid transparent;
  background: rgba(255, 255, 255, .2);
  color: #fff;
  cursor: pointer;
  font-weight: 900;
}

.mkpt-rb-controls button.is-active {
  border-color: #fff;
  background: rgba(255, 255, 255, .3);
}

.mkpt-rb-controls span {
  display: block;
  border-radius: 50%;
}

.mkpt-rb-developers {
  padding: 116px 0;
  background: #1b1f24;
  color: #fff;
  text-align: center;
}

.mkpt-rb-dev-copy {
  max-width: 760px;
  margin: 0 auto;
}

.mkpt-rb-dev-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 260px));
  justify-content: center;
  gap: 14px 84px;
  margin: 46px auto 42px;
  text-align: left;
}

.mkpt-rb-dev-grid span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #f5f7fb;
  font-size: 14px;
}

.mkpt-rb-dev-grid span::before,
.mkpt-check-list li::before,
.mkpt-demo-points li::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 50%;
  background:
    linear-gradient(135deg, #22d76f, #12a861);
  box-shadow: 0 5px 14px rgba(30, 202, 96, .26);
}

.mkpt-section {
  background: #fff;
  color: #111217;
}

.mkpt-section.soft {
  background: #f2f4f8;
}

.mkpt-section.dark,
.mkpt-demo-section {
  background: #1b1f24;
  color: #fff;
}

.mkpt-section.dark .mkpt-card,
.mkpt-demo-section .mkpt-card {
  color: #111217;
}

.mkpt-heading h2,
.mkpt-page-hero h1,
.mkpt-product-hero h1,
.mkpt-single-buy h1 {
  letter-spacing: 0;
  line-height: 1.04;
}

.mkpt-kicker,
.mkpt-section:not(.dark) .mkpt-kicker,
.mkpt-page-hero .mkpt-kicker {
  color: #1f80ff;
  text-transform: none;
  font-size: 13px;
}

.mkpt-card,
.mkpt-step,
.mkpt-plan-guide article,
.mkpt-contact-main,
.mkpt-contact-side,
.mkpt-contact-box,
.mkpt-support-ticket > div,
.mkpt-affiliate-panel > div,
.mkpt-customer-grid article,
.mkpt-post-card a,
.mkpt-policy-doc,
.mkpt-article-content,
.mkpt-lead-form,
.woocommerce table.shop_table,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart_totals {
  border-radius: 22px;
  border-color: rgba(17, 18, 23, .08);
  box-shadow: 0 22px 60px rgba(17, 18, 23, .08);
}

.mkpt-card:hover,
.mkpt-post-card a:hover,
.mkpt-customer-grid article:hover,
.woocommerce ul.products li.product.mkpt-product-card:hover {
  transform: translateY(-4px);
}

.mkpt-page-hero,
.mkpt-product-hero,
.mkpt-shop-hero,
.mkpt-blog-hero {
  position: relative;
  overflow: hidden;
  padding: 96px 0;
  background:
    radial-gradient(circle at 70% 32%, rgba(111, 91, 255, .32), transparent 24%),
    radial-gradient(circle at 28% 15%, rgba(31, 128, 255, .28), transparent 22%),
    linear-gradient(180deg, #000, #171922);
  color: #fff;
}

.mkpt-page-hero p,
.mkpt-product-hero p {
  color: #d6dae5;
}

.mkpt-page-hero-grid,
.mkpt-product-hero-grid {
  align-items: center;
}

.mkpt-mini-terminal,
.mkpt-shop-device,
.mkpt-single-device,
.mkpt-chart-card,
.mkpt-console-panel {
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(27, 29, 35, .88);
  box-shadow: var(--mkpt-rb-shadow);
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none;
}

.woocommerce ul.products li.product.mkpt-product-card {
  float: none;
  width: auto !important;
  margin: 0 !important;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid rgba(17, 18, 23, .08);
  border-radius: 26px;
  background:
    radial-gradient(circle at 85% 0%, rgba(31, 128, 255, .16), transparent 31%),
    #fff;
  box-shadow: 0 26px 70px rgba(17, 18, 23, .08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woocommerce ul.products li.product.mkpt-product-card::before {
  height: 6px;
  background: linear-gradient(90deg, #1f80ff, #6f5cff, #ff4d9d, #ff8b22, #1eca60);
}

.mkpt-product-card-link {
  padding: 26px 24px 18px;
}

.mkpt-product-badge {
  border-radius: 999px;
  background: #eef4ff;
  color: #1f66d6;
}

.mkpt-product-icon {
  border-radius: 15px;
  background: conic-gradient(from 210deg, #316bff, #824dff, #ff4f9a, #ff8b22, #1dcc68, #316bff);
  color: #fff;
  box-shadow: 0 14px 34px rgba(31, 128, 255, .24);
}

.mkpt-product-card h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #12131a;
  font-size: 25px;
  line-height: 1.06;
}

.mkpt-product-summary,
.mkpt-product-features li,
.mkpt-product-micro span,
.mkpt-product-price-row small {
  color: #697386;
}

.mkpt-product-price,
.mkpt-product-price .amount,
.mkpt-single-price .amount {
  color: #12131a;
  font-size: 28px;
  font-weight: 1000;
}

.mkpt-product-actions {
  padding: 0 24px 24px;
}

.mkpt-product-actions .button,
.mkpt-single-actions .single_add_to_cart_button {
  width: 100%;
  justify-content: center;
  border-radius: 14px;
}

.mkpt-product-more {
  color: #1f80ff;
  font-weight: 900;
}

.mkpt-product-hero {
  padding: 94px 0;
}

.mkpt-single-buy {
  border-radius: 28px;
  background: #fff;
  color: #111217;
  box-shadow: var(--mkpt-rb-shadow);
}

.mkpt-single-summary,
.mkpt-single-risk,
.mkpt-single-meta span,
.mkpt-product-trust-row span {
  color: #636d7d;
}

.mkpt-single-meta span,
.mkpt-product-trust-row span {
  border-radius: 999px;
  background: #f0f4fb;
  border: 0;
}

.mkpt-shop-strip,
.mkpt-trust-strip,
.mkpt-launch-strip {
  background: #0f1117;
  color: #fff;
}

.mkpt-shop-strip .mkpt-wrap,
.mkpt-trust-strip .mkpt-wrap,
.mkpt-launch-strip .mkpt-wrap {
  border-color: rgba(255, 255, 255, .08);
}

.mkpt-comparison,
.mkpt-before-after article,
.mkpt-faq details,
.mkpt-trust-grid div,
.mkpt-control,
.mkpt-process-timeline div,
.mkpt-lead-form {
  border-radius: 20px;
}

.mkpt-faq summary {
  border-radius: 18px;
}

.mkpt-legacy-footer {
  background: #eef1f6;
  color: #12131a;
  text-align: center;
}

.mkpt-footer-love {
  max-width: 760px;
  margin: 0 auto 74px;
}

.mkpt-footer-love h2 {
  color: #111217;
}

.mkpt-footer-love p {
  color: #2b303b;
}

.mkpt-footer-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.mkpt-legacy-footer .mkpt-footer-grid {
  text-align: left;
  border-top: 1px solid #dde3ec;
  padding-top: 46px;
}

.mkpt-legacy-footer h3,
.mkpt-legacy-footer .mkpt-logo.footer-logo strong {
  color: #111217;
}

.mkpt-legacy-footer a,
.mkpt-legacy-footer p,
.mkpt-legacy-footer .mkpt-logo small,
.mkpt-legacy-footer .mkpt-footer-bottom {
  color: #606a7c;
}

.mkpt-legacy-footer a:hover {
  color: #1f80ff;
}

.mkpt-legacy-footer .mkpt-logo-mark {
  border: 0;
}

@keyframes mkptFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .mkpt-rb-floating-card { animation: none; }
  .mkpt-rb-connect,
  .mkpt-card,
  .mkpt-post-card a,
  .mkpt-customer-grid article,
  .woocommerce ul.products li.product.mkpt-product-card {
    transition: none;
  }
}

@media (max-width: 1040px) {
  .mkpt-legacy-header .mkpt-menu-list {
    position: static;
  }
  .mkpt-rb-stage {
    max-width: 720px;
  }
  .mkpt-rb-phone {
    right: 6px;
    transform: scale(.88);
    transform-origin: top right;
  }
  .mkpt-rb-floating-card {
    right: 98px;
    width: 300px;
  }
  .mkpt-rb-logo-cloud {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .mkpt-legacy-header .mkpt-menu {
    position: fixed;
    left: 18px;
    right: 18px;
    top: 78px;
    display: none;
    padding: 12px;
    border-radius: 20px;
    background: rgba(20, 22, 29, .98);
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 25px 70px rgba(0, 0, 0, .42);
  }
  body.mkpt-menu-open .mkpt-legacy-header .mkpt-menu {
    display: block;
  }
  .mkpt-legacy-header .mkpt-menu-list {
    display: grid;
    background: transparent;
    border: 0;
    gap: 4px;
  }
  .mkpt-legacy-header .mkpt-menu-list a {
    min-height: 44px;
    justify-content: center;
  }
  .mkpt-legacy-header .mkpt-menu-toggle {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    border-radius: 12px;
  }
  .mkpt-legacy-header .mkpt-menu-toggle span {
    width: 20px;
    background: #fff;
    margin: 0;
  }
  .mkpt-legacy-header .mkpt-nav-cta {
    display: none;
  }
}

@media (max-width: 760px) {
  .mkpt-rb-hero {
    min-height: auto;
    padding: 88px 0 58px;
  }
  .mkpt-rb-stage {
    min-height: auto;
    margin-top: 46px;
  }
  .mkpt-rb-main-panel,
  .mkpt-rb-preview-panel {
    width: 100%;
  }
  .mkpt-rb-modal-grid {
    grid-template-columns: 1fr;
  }
  .mkpt-rb-wallet-list {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }
  .mkpt-rb-preview-panel .mkpt-rb-wallet-list {
    border-bottom-color: #eceff5;
  }
  .mkpt-rb-phone,
  .mkpt-rb-floating-card {
    position: relative;
    inset: auto;
    width: min(100%, 340px);
    margin: 22px auto 0;
    transform: none;
  }
  .mkpt-rb-phone {
    height: 350px;
  }
  .mkpt-rb-logo-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .mkpt-rb-spin {
    padding: 72px 0;
  }
  .mkpt-rb-controls {
    display: grid;
    justify-items: center;
  }
  .mkpt-rb-dev-grid,
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
  .mkpt-legacy-footer .mkpt-footer-grid {
    text-align: center;
  }
  .mkpt-page-hero,
  .mkpt-product-hero,
  .mkpt-shop-hero,
  .mkpt-blog-hero {
    padding: 70px 0;
  }
}

@media (max-width: 480px) {
  .mkpt-legacy-header .mkpt-nav {
    gap: 10px;
  }
  .mkpt-rb-logo small {
    display: none;
  }
  .mkpt-rb-command {
    width: 100%;
    justify-content: space-between;
  }
  .mkpt-rb-command code {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mkpt-rb-hero-actions,
  .mkpt-footer-actions {
    display: grid;
  }
  .mkpt-rb-hero-actions .mkpt-btn,
  .mkpt-footer-actions .mkpt-btn {
    width: 100%;
  }
  .mkpt-rb-logo-cloud {
    grid-template-columns: 1fr;
  }
}

/* Second-pass polish: tighter content, stronger commerce states, safer mobile rhythm. */
body {
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6,
.mkpt-logo,
.mkpt-btn,
.mkpt-kicker,
.mkpt-menu-list,
.mkpt-product-price,
.mkpt-single-price,
.mkpt-rb-wallet-list a,
.mkpt-rb-modal-head strong {
  font-weight: 850;
}

p, li, input, textarea, select,
.mkpt-product-summary,
.mkpt-single-summary,
.mkpt-product-features li {
  font-weight: 520;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(31, 128, 255, .55);
  outline-offset: 3px;
}

.mkpt-legacy-main .mkpt-section {
  position: relative;
  overflow: hidden;
}

.mkpt-rb-hero {
  min-height: 1040px;
}

.mkpt-rb-stage::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -26px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(31, 128, 255, .25), transparent 70%);
  filter: blur(18px);
}

.mkpt-rb-main-panel {
  isolation: isolate;
}

.mkpt-rb-main-panel::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(31, 128, 255, .38), rgba(111, 92, 255, .16), rgba(255, 77, 157, .24));
}

.mkpt-rb-wallet-list a {
  border-radius: 11px;
  padding: 0 9px;
  transition: background .16s ease, transform .16s ease;
}

.mkpt-rb-wallet-list a:hover,
.mkpt-rb-wallet-list a:focus {
  background: rgba(255, 255, 255, .08);
  transform: translateX(2px);
}

.mkpt-rb-preview-panel .mkpt-rb-wallet-list a:hover,
.mkpt-rb-preview-panel .mkpt-rb-wallet-list a:focus {
  background: #f2f5fb;
}

.mkpt-rb-workflow {
  background:
    radial-gradient(circle at 15% 10%, rgba(31, 128, 255, .12), transparent 26%),
    #fff;
}

.mkpt-rb-workflow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.mkpt-rb-workflow-grid article {
  position: relative;
  min-height: 260px;
  padding: 26px;
  border: 1px solid rgba(17, 18, 23, .08);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .84)),
    radial-gradient(circle at 100% 0%, rgba(31, 128, 255, .18), transparent 36%);
  box-shadow: 0 28px 80px rgba(17, 18, 23, .08);
}

.mkpt-rb-workflow-grid article::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 0;
  height: 5px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #1f80ff, #6f5cff, #ff4d9d);
}

.mkpt-rb-workflow-grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #111217;
  color: #fff;
  font-size: 13px;
}

.mkpt-rb-workflow-grid h3 {
  margin: 46px 0 10px;
  color: #111217;
  font-size: 26px;
  line-height: 1.06;
}

.mkpt-rb-workflow-grid p {
  margin: 0;
  color: #697386;
  line-height: 1.52;
}

.mkpt-rb-plan-section {
  background:
    radial-gradient(circle at 80% 10%, rgba(111, 92, 255, .14), transparent 22%),
    #f2f4f8;
}

.mkpt-pricing {
  align-items: stretch;
}

.mkpt-price {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(17, 18, 23, .08);
  background: #fff;
  box-shadow: 0 26px 76px rgba(17, 18, 23, .08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.mkpt-price::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, #1f80ff, #6f5cff, #ff4d9d, #ff8b22, #1eca60);
}

.mkpt-price:hover {
  transform: translateY(-5px);
  box-shadow: 0 34px 92px rgba(17, 18, 23, .12);
}

.mkpt-price.popular {
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 128, 255, .16), transparent 35%),
    #fff;
  border-color: rgba(31, 128, 255, .26);
}

.mkpt-ribbon {
  border-radius: 999px;
  background: linear-gradient(135deg, #2091ff, #6e58ff);
  box-shadow: 0 12px 24px rgba(31, 128, 255, .24);
}

.mkpt-price .mkpt-btn.green,
.mkpt-btn.green {
  background: linear-gradient(135deg, #2091ff, #6e58ff);
  color: #fff;
  border: 0;
  border-radius: 14px;
}

.mkpt-demo-section {
  background:
    radial-gradient(circle at 72% 30%, rgba(31, 128, 255, .24), transparent 24%),
    #1b1f24;
}

.mkpt-setup-video,
.mkpt-video-shell {
  border-radius: 26px;
  overflow: hidden;
}

.mkpt-lead-band {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .18), transparent 20%),
    linear-gradient(135deg, #1974ff, #2637c7);
  color: #fff;
}

.mkpt-lead-band .mkpt-kicker,
.mkpt-lead-band h2 {
  color: #fff;
}

.mkpt-lead-band p,
.mkpt-lead-band li {
  color: rgba(255, 255, 255, .9);
}

.mkpt-lead-form {
  background: #fff;
  color: #111217;
}

.mkpt-lead-form p {
  color: #697386;
}

.mkpt-lead-form input[type="text"],
.mkpt-lead-form input[type="email"],
.mkpt-lead-form select,
.mkpt-lead-form textarea,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
  min-height: 48px;
  border: 1px solid #dce3ee;
  border-radius: 14px;
  background: #fff;
  color: #111217;
  padding: 0 14px;
  box-shadow: inset 0 1px 0 rgba(17, 18, 23, .03);
}

.mkpt-lead-form textarea,
.woocommerce textarea {
  min-height: 110px;
  padding-top: 12px;
}

.mkpt-rb-final-cta {
  padding: 110px 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(111, 92, 255, .36), transparent 34%),
    linear-gradient(180deg, #000, #171922);
  color: #fff;
  text-align: center;
}

.mkpt-rb-final-cta .mkpt-wrap {
  max-width: 760px;
}

.mkpt-rb-final-cta h2 {
  margin: 18px auto 12px;
  color: #fff;
  font-size: clamp(38px, 6vw, 66px);
  line-height: .98;
}

.mkpt-rb-final-cta p {
  max-width: 590px;
  margin: 0 auto;
  color: #d6dae5;
  font-size: 19px;
  line-height: 1.36;
}

.woocommerce-cart .mkpt-checkout-confidence,
.woocommerce-checkout .mkpt-checkout-confidence {
  background: #0f1117;
  color: #fff;
}

.mkpt-checkout-confidence .mkpt-wrap {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.mkpt-checkout-confidence .mkpt-wrap > div {
  min-height: 104px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .1);
}

.mkpt-checkout-confidence strong,
.mkpt-checkout-confidence span {
  display: block;
}

.mkpt-checkout-confidence span {
  margin-top: 6px;
  color: #b7bece;
  font-size: 13px;
  line-height: 1.38;
}

.woocommerce table.shop_table {
  overflow: hidden;
  background: #fff;
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce form.checkout {
  background: #fff;
  padding: 24px;
}

.woocommerce-checkout-review-order,
#payment {
  border-radius: 20px;
  overflow: hidden;
}

.mkpt-legacy-footer {
  padding-top: 92px;
}

.mkpt-legacy-footer .mkpt-footer-bottom {
  border-top-color: #dde3ec;
}

@media (max-width: 1080px) {
  .mkpt-rb-workflow-grid,
  .mkpt-checkout-confidence .mkpt-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .mkpt-rb-hero {
    padding-top: 72px;
  }
  .mkpt-rb-hero h1,
  .mkpt-rb-final-cta h2 {
    font-size: clamp(38px, 12vw, 54px);
  }
  .mkpt-rb-proof-line {
    font-size: 17px;
  }
  .mkpt-rb-workflow-grid,
  .mkpt-checkout-confidence .mkpt-wrap {
    grid-template-columns: 1fr;
  }
  .mkpt-rb-workflow-grid article {
    min-height: 220px;
  }
  .mkpt-rb-workflow-grid h3 {
    margin-top: 34px;
  }
  .mkpt-rb-final-cta {
    padding: 78px 0;
  }
  .mkpt-product-card h2,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 22px;
  }
  .woocommerce form.checkout,
  .woocommerce-cart .cart-collaterals .cart_totals {
    padding: 18px;
  }
}

@media (max-width: 420px) {
  .mkpt-rb-modal-head {
    padding: 14px;
  }
  .mkpt-rb-wallet-list,
  .mkpt-rb-wallet-info {
    padding: 16px;
  }
  .mkpt-rb-wallet-info article {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .mkpt-rb-wallet-info article b {
    width: 42px;
    height: 42px;
  }
}

/* 3.3 cockpit design system: consistent dark fintech/trading visuals across all pages. */
:root {
  --mkpt-cockpit-bg: #02050b;
  --mkpt-cockpit-bg-2: #07111d;
  --mkpt-cockpit-panel: rgba(12, 22, 35, .78);
  --mkpt-cockpit-panel-strong: rgba(15, 28, 44, .92);
  --mkpt-cockpit-line: rgba(116, 241, 255, .16);
  --mkpt-cockpit-text: #f5fbff;
  --mkpt-cockpit-soft: #9fb2c7;
  --mkpt-cockpit-cyan: #33e6ff;
  --mkpt-cockpit-green: #52ff9d;
  --mkpt-cockpit-violet: #8d72ff;
  --mkpt-cockpit-amber: #ffd166;
  --mkpt-cockpit-danger: #ff5370;
  --mkpt-cockpit-radius: 24px;
  --mkpt-cockpit-shadow: 0 30px 90px rgba(0, 0, 0, .42);
}

html {
  background: var(--mkpt-cockpit-bg);
}

body,
body:not(.home) {
  background:
    radial-gradient(circle at 18% 0%, rgba(51, 230, 255, .13), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(141, 114, 255, .16), transparent 27%),
    linear-gradient(180deg, #02050b 0%, #07111d 44%, #02050b 100%);
  color: var(--mkpt-cockpit-text);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(51, 230, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(51, 230, 255, .045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .08));
}

.mkpt-topbar.mkpt-legacy-header,
body:not(.home) .mkpt-legacy-header {
  background: rgba(2, 5, 11, .78);
  border-bottom: 1px solid rgba(51, 230, 255, .12);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}

.mkpt-topbar.mkpt-legacy-header.is-scrolled {
  background: rgba(2, 5, 11, .94);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .46);
}

.mkpt-rb-logo .mkpt-logo-mark,
.mkpt-footer .mkpt-logo-mark {
  background:
    radial-gradient(circle at 33% 26%, rgba(255,255,255,.95) 0 5%, transparent 6%),
    conic-gradient(from 210deg, #33e6ff, #8d72ff, #52ff9d, #33e6ff);
  box-shadow: 0 0 22px rgba(51, 230, 255, .34);
}

.mkpt-legacy-header .mkpt-menu-list {
  background: rgba(13, 24, 38, .58);
  border: 1px solid rgba(116, 241, 255, .12);
}

.mkpt-legacy-header .mkpt-menu-list a {
  color: #b9c8d9;
}

.mkpt-legacy-header .mkpt-menu-list a:hover,
.mkpt-legacy-header .mkpt-menu-list a:focus,
.mkpt-legacy-header .mkpt-menu-list .current-menu-item > a,
.mkpt-legacy-header .mkpt-menu-list .current_page_item > a {
  background: rgba(51, 230, 255, .1);
  color: #fff;
}

.mkpt-rb-connect,
.mkpt-btn.mkpt-rb-connect,
.mkpt-btn.green,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.mkpt-price .mkpt-btn.green {
  background: linear-gradient(135deg, #18c7ff 0%, #41ffa4 52%, #8d72ff 100%);
  color: #021019;
  text-shadow: none;
  box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset, 0 16px 44px rgba(51, 230, 255, .2);
}

.mkpt-btn.light {
  background: rgba(255, 255, 255, .08);
  color: #f5fbff;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: none;
}

.mkpt-rb-hero,
.mkpt-page-hero,
.mkpt-product-hero,
.mkpt-shop-hero,
.mkpt-blog-hero,
.mkpt-rb-final-cta {
  background:
    radial-gradient(circle at 50% 20%, rgba(51, 230, 255, .16), transparent 25%),
    radial-gradient(circle at 72% 38%, rgba(141, 114, 255, .24), transparent 28%),
    linear-gradient(180deg, #02050b 0%, #07111d 62%, #02050b 100%);
}

.mkpt-rb-hero {
  min-height: 1060px;
}

.mkpt-rb-brand-pill,
.mkpt-kicker,
.mkpt-section:not(.dark) .mkpt-kicker,
.mkpt-page-hero .mkpt-kicker {
  color: var(--mkpt-cockpit-cyan);
}

.mkpt-rb-brand-pill {
  background: rgba(51, 230, 255, .08);
  border-color: rgba(51, 230, 255, .18);
}

.mkpt-rb-hero h1 span {
  background: linear-gradient(90deg, #33e6ff, #52ff9d 48%, #8d72ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.mkpt-rb-command,
.mkpt-rb-modal,
.mkpt-rb-floating-card,
.mkpt-single-buy,
.mkpt-card,
.mkpt-step,
.mkpt-price,
.mkpt-plan-guide article,
.mkpt-contact-main,
.mkpt-contact-side,
.mkpt-contact-box,
.mkpt-support-ticket > div,
.mkpt-affiliate-panel > div,
.mkpt-customer-grid article,
.mkpt-post-card a,
.mkpt-policy-doc,
.mkpt-article-content,
.mkpt-lead-form,
.woocommerce table.shop_table,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart_totals,
.mkpt-faq details,
.mkpt-trust-grid div,
.mkpt-control,
.mkpt-process-timeline div,
.mkpt-before-after article,
.mkpt-comparison,
.mkpt-rb-workflow-grid article {
  background:
    linear-gradient(145deg, rgba(16, 30, 48, .88), rgba(5, 11, 20, .9)),
    radial-gradient(circle at 80% 0%, rgba(51, 230, 255, .13), transparent 36%);
  color: var(--mkpt-cockpit-text);
  border: 1px solid var(--mkpt-cockpit-line);
  box-shadow: var(--mkpt-cockpit-shadow);
  backdrop-filter: blur(18px);
}

.mkpt-card h2,
.mkpt-card h3,
.mkpt-step strong,
.mkpt-price h3,
.mkpt-heading h2,
.mkpt-page-hero h1,
.mkpt-product-hero h1,
.mkpt-single-buy h1,
.mkpt-rb-workflow-grid h3,
.mkpt-product-card h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.mkpt-legacy-footer h3,
.mkpt-legacy-footer .mkpt-logo.footer-logo strong {
  color: #f7fbff;
}

.mkpt-card p,
.mkpt-card li,
.mkpt-step p,
.mkpt-price p,
.mkpt-price li,
.mkpt-heading p,
.mkpt-page-hero p,
.mkpt-product-hero p,
.mkpt-rb-workflow-grid p,
.mkpt-product-summary,
.mkpt-product-features li,
.mkpt-product-micro span,
.mkpt-product-price-row small,
.mkpt-single-summary,
.mkpt-single-risk,
.mkpt-single-meta span,
.mkpt-product-trust-row span,
.mkpt-faq p,
.mkpt-legacy-footer a,
.mkpt-legacy-footer p,
.mkpt-legacy-footer .mkpt-logo small,
.mkpt-legacy-footer .mkpt-footer-bottom {
  color: var(--mkpt-cockpit-soft);
}

.mkpt-section,
.mkpt-section.soft,
.mkpt-section.dark,
.mkpt-rb-workflow,
.mkpt-rb-plan-section,
.mkpt-rb-feature-system {
  background:
    radial-gradient(circle at 12% 0%, rgba(51, 230, 255, .08), transparent 25%),
    linear-gradient(180deg, rgba(3, 8, 15, .97), rgba(2, 5, 11, .98));
  color: var(--mkpt-cockpit-text);
}

.mkpt-rb-spin,
.mkpt-lead-band {
  background:
    radial-gradient(circle at 22% 20%, rgba(82, 255, 157, .2), transparent 24%),
    radial-gradient(circle at 75% 26%, rgba(141, 114, 255, .28), transparent 25%),
    linear-gradient(135deg, #05213b, #071b45 46%, #180f3b);
}

.mkpt-rb-developers,
.mkpt-demo-section {
  background:
    radial-gradient(circle at 78% 20%, rgba(51, 230, 255, .12), transparent 24%),
    #07111d;
}

.mkpt-rb-dev-grid span::before,
.mkpt-check-list li::before,
.mkpt-demo-points li::before {
  background: linear-gradient(135deg, #33e6ff, #52ff9d);
  box-shadow: 0 0 18px rgba(82, 255, 157, .28);
}

.mkpt-feature-grid article,
.mkpt-use-case-grid article,
.mkpt-customer-grid article {
  transform-style: preserve-3d;
}

.mkpt-feature-grid article:hover,
.mkpt-use-case-grid article:hover,
.mkpt-customer-grid article:hover,
.mkpt-price:hover,
.woocommerce ul.products li.product.mkpt-product-card:hover {
  border-color: rgba(82, 255, 157, .32);
  box-shadow: 0 38px 110px rgba(0, 0, 0, .5), 0 0 32px rgba(51, 230, 255, .12);
}

.woocommerce ul.products li.product.mkpt-product-card {
  background:
    linear-gradient(155deg, rgba(17, 32, 51, .94), rgba(5, 11, 20, .98)),
    radial-gradient(circle at 80% 0%, rgba(51, 230, 255, .22), transparent 38%);
  color: #fff;
  border-color: rgba(116, 241, 255, .16);
}

.woocommerce ul.products li.product.mkpt-product-card::before,
.mkpt-price::before,
.mkpt-rb-workflow-grid article::after {
  background: linear-gradient(90deg, #33e6ff, #52ff9d, #8d72ff);
}

.mkpt-product-badge,
.mkpt-single-meta span,
.mkpt-product-trust-row span {
  background: rgba(51, 230, 255, .08);
  color: #bff8ff;
  border: 1px solid rgba(51, 230, 255, .14);
}

.mkpt-product-icon {
  background: conic-gradient(from 210deg, #33e6ff, #8d72ff, #52ff9d, #33e6ff);
  color: #02050b;
}

.mkpt-product-price,
.mkpt-product-price .amount,
.mkpt-single-price .amount {
  color: #eafff5;
  text-shadow: 0 0 20px rgba(82, 255, 157, .22);
}

.mkpt-license-card-visual {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 18px 0;
}

.mkpt-license-card-visual div,
.mkpt-cockpit-hud-row b {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(51, 230, 255, .07);
  border: 1px solid rgba(51, 230, 255, .13);
}

.mkpt-license-card-visual span {
  color: #8fa8bd;
  font-size: 11px;
}

.mkpt-license-card-visual strong,
.mkpt-cockpit-hud-row b {
  color: #dffff1;
  font-size: 12px;
}

.mkpt-product-compliance {
  display: block;
  margin-top: 12px;
  color: #8fa8bd;
  font-size: 12px;
  line-height: 1.35;
}

.mkpt-shop-device,
.mkpt-single-device,
.mkpt-rb-main-panel {
  position: relative;
  overflow: hidden;
  border-color: rgba(51, 230, 255, .2);
  background:
    linear-gradient(145deg, rgba(16, 30, 48, .92), rgba(3, 9, 17, .96)),
    radial-gradient(circle at 70% 10%, rgba(82, 255, 157, .12), transparent 30%);
}

.mkpt-shop-device::before,
.mkpt-single-device::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(51, 230, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(51, 230, 255, .08) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: .38;
}

.mkpt-shop-device-screen,
.mkpt-single-screen,
.mkpt-chart-hud {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(82, 255, 157, .18);
  background: rgba(2, 5, 11, .72);
  box-shadow: 0 0 34px rgba(51, 230, 255, .12);
}

.mkpt-cockpit-hud-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.mkpt-single-chart-bg {
  position: absolute;
  inset: 18px;
  pointer-events: none;
  opacity: .45;
}

.mkpt-single-chart-bg i {
  position: absolute;
  bottom: 20%;
  width: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #52ff9d, #33e6ff);
}

.mkpt-single-chart-bg i:nth-child(1) { left: 8%; height: 38%; }
.mkpt-single-chart-bg i:nth-child(2) { left: 24%; height: 54%; }
.mkpt-single-chart-bg i:nth-child(3) { left: 40%; height: 34%; background: linear-gradient(180deg, #ff5370, #ffd166); }
.mkpt-single-chart-bg i:nth-child(4) { left: 56%; height: 62%; }
.mkpt-single-chart-bg i:nth-child(5) { left: 72%; height: 46%; }
.mkpt-single-chart-bg i:nth-child(6) { left: 88%; height: 70%; }

.mkpt-shop-strip,
.mkpt-trust-strip,
.mkpt-launch-strip,
.mkpt-checkout-confidence {
  background: rgba(2, 5, 11, .94);
  border-top: 1px solid rgba(51, 230, 255, .12);
  border-bottom: 1px solid rgba(51, 230, 255, .12);
}

.mkpt-comparison > div,
.mkpt-comparison-head {
  border-color: rgba(116, 241, 255, .12);
}

.mkpt-faq summary {
  background: rgba(51, 230, 255, .06);
  color: #f5fbff;
}

.mkpt-lead-form input[type="text"],
.mkpt-lead-form input[type="email"],
.mkpt-lead-form select,
.mkpt-lead-form textarea,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
  background: rgba(3, 9, 17, .9);
  color: #f5fbff;
  border-color: rgba(116, 241, 255, .18);
}

.mkpt-lead-form input::placeholder,
.woocommerce input.input-text::placeholder {
  color: #7991a8;
}

.mkpt-cockpit-footer,
.mkpt-legacy-footer {
  background:
    radial-gradient(circle at 50% 0%, rgba(51, 230, 255, .12), transparent 28%),
    linear-gradient(180deg, #07111d, #02050b);
  color: #f5fbff;
}

.mkpt-footer-love {
  max-width: 880px;
}

.mkpt-footer-status {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 0;
}

.mkpt-footer-status span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #c9faff;
  background: rgba(51, 230, 255, .08);
  border: 1px solid rgba(51, 230, 255, .14);
  font-size: 13px;
}

.mkpt-legacy-footer .mkpt-footer-grid {
  border-top-color: rgba(116, 241, 255, .14);
}

.mkpt-legacy-footer .mkpt-footer-bottom {
  border-top-color: rgba(116, 241, 255, .12);
}

.mkpt-mobile-sticky-cta {
  display: none;
}

@media (max-width: 820px) {
  body {
    padding-bottom: 76px;
  }
  .mkpt-mobile-sticky-cta {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 120;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 10px;
    border-radius: 22px;
    background: rgba(2, 5, 11, .86);
    border: 1px solid rgba(116, 241, 255, .18);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .48);
    backdrop-filter: blur(16px);
  }
  .mkpt-mobile-sticky-cta a {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 15px;
    color: #f5fbff;
    font-weight: 850;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.1);
  }
  .mkpt-mobile-sticky-cta a:last-child {
    color: #021019;
    background: linear-gradient(135deg, #33e6ff, #52ff9d);
  }
  .mkpt-rb-hero {
    min-height: auto;
  }
  .mkpt-cockpit-hud-row,
  .mkpt-license-card-visual {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mkpt-rb-floating-card {
    animation: none;
  }
}