/* ==========================================================================
   MdmHost Pricing System v10 — complete design engine
   ========================================================================== */

:root {
  --mdm-green: #01be69;
  --mdm-orange: #f97316;
  --mdm-black: #111827;
  --ink: #111827;
  --ink-600: #374151;
  --ink-500: #6b7280;
  --line: #e5e7eb;
  --white: #fff;
  --comp-light-gray: #f7f7f7;
  --comp-border-radius: 8px;
}

.mdm-pricing-system,
.mdm-pricing-system * { box-sizing: border-box; }

.mdm-pricing-system {
  --mdm-primary: #111827;
  --mdm-secondary: #374151;
  --mdm-accent: #01be69;
  --mdm-button: #f97316;
  --mdm-button-hover: #ea580c;
  --mdm-button-text: #ffffff;
  --mdm-background: #ffffff;
  --mdm-card: #ffffff;
  --mdm-text: #111827;
  --mdm-muted: #6b7280;
  --mdm-border: #e5e7eb;
  --mdm-success: #16a34a;
  --mdm-badge-text: #ffffff;
  --mdm-columns: 4;
  --mdm-card-radius: 12px;
  --mdm-button-radius: 8px;
  position: relative;
  width: 100%;
  color: var(--mdm-text);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  isolation: isolate;
}
.mdm-pricing-v2 { padding: 24px 0 64px; }
.mdm-font-inter { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.mdm-font-manrope { font-family: Manrope, ui-sans-serif, system-ui, sans-serif; }
.mdm-font-jakarta { font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; }
.mdm-font-space { font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; }
.mdm-font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }

.mdm-pricing-shell { width: min(100%, 1560px); margin: 0 auto; padding: 0 18px; }
.mdm-design-grid {
  display: grid;
  grid-template-columns: repeat(var(--mdm-columns), minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.mdm-equal-height .mdm-design-grid { align-items: stretch; }
.mdm-equal-height .mdm-plan { height: 100%; }
.mdm-plan { min-width: 0; position: relative; }
.mdm-plan h3, .mdm-plan p, .mdm-plan ul { margin-top: 0; }
.mdm-plan h3 { color: inherit; font-size: 23px; line-height: 1.18; margin-bottom: 10px; letter-spacing: -.025em; }
.mdm-plan a { text-decoration: none; }

/* Location bar: explicit hard bounds prevent theme/Elementor image rules from
   expanding flags into full-width hero images. */
.mdm-location-bar {
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px;
  margin: 0 0 30px; min-height: 42px; color: var(--mdm-muted);
}
.align-left .mdm-location-bar { justify-content: flex-start; }
.align-center .mdm-location-bar { justify-content: center; }
.mdm-location-label { font-size: 14px; font-weight: 750; color: var(--mdm-text); }
.mdm-location-items { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.mdm-location-item {
  position: relative; display: inline-grid; place-items: center; width: 42px; height: 30px; padding: 3px;
  background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: 7px; cursor: help;
}
.mdm-location-flag,
.mdm-pricing-system img.mdm-location-flag {
  display: block !important; width: 34px !important; max-width: 34px !important; height: 22px !important; max-height: 22px !important;
  min-width: 0 !important; object-fit: cover !important; border-radius: 4px; margin: 0 !important; box-shadow: none !important;
}
.mdm-location-tooltip {
  position: absolute; z-index: 30; left: 50%; bottom: calc(100% + 9px); transform: translate(-50%, 4px);
  min-width: max-content; max-width: 180px; padding: 6px 9px; border-radius: 6px; color: #fff; background: #111827;
  font-size: 12px; line-height: 1.2; opacity: 0; visibility: hidden; pointer-events: none; transition: .16s ease;
}
.mdm-location-tooltip::after { content: ""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #111827; }
.mdm-location-item:hover .mdm-location-tooltip,
.mdm-location-item:focus .mdm-location-tooltip,
.mdm-location-item.is-tooltip-open .mdm-location-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* Shared UI primitives */
.mdm-icon-wrap { display: inline-flex; }
.mdm-icon { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; color: var(--mdm-primary); background: color-mix(in srgb, var(--mdm-accent) 14%, transparent); }
.mdm-icon svg { display: block; width: 24px; height: 24px; fill: currentColor; }
.mdm-icon-image { overflow: hidden; background: transparent; }
.mdm-icon-image img { display: block; width: 100%; height: 100%; object-fit: contain; margin: 0; }
.mdm-eyebrow { color: var(--mdm-secondary); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.mdm-badge { display: inline-flex; align-items: center; justify-content: center; background: var(--mdm-accent); color: var(--mdm-badge-text); border-radius: 999px; padding: 6px 11px; font-size: 11px; font-weight: 850; line-height: 1; white-space: nowrap; }
.mdm-price-block { margin: 18px 0; }
.mdm-price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.mdm-price { color: var(--mdm-text); font-size: clamp(31px, 3vw, 42px); font-weight: 900; line-height: 1; letter-spacing: -.05em; }
.mdm-price-free { letter-spacing: .02em; }
.mdm-price-suffix { color: var(--mdm-muted); font-size: 14px; font-weight: 700; }
.mdm-sale { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 9px; font-size: 12px; }
.mdm-old-price { color: var(--mdm-muted); text-decoration: line-through; }
.mdm-saving { color: var(--mdm-success); background: color-mix(in srgb, var(--mdm-success) 12%, transparent); border-radius: 999px; padding: 4px 8px; font-weight: 800; }
.mdm-features { list-style: none; margin: 18px 0 22px; padding: 0; color: var(--mdm-muted); }
.mdm-features li { display: flex; gap: 9px; align-items: flex-start; padding: 9px 0; border-bottom: 1px solid color-mix(in srgb, var(--mdm-border) 72%, transparent); font-size: 14px; line-height: 1.45; }
.mdm-features li:last-child { border-bottom: 0; }
.mdm-feature-check { flex: 0 0 19px; width: 19px; height: 19px; display: inline-grid; place-items: center; margin-top: 1px; border-radius: 50%; color: var(--mdm-success); background: color-mix(in srgb, var(--mdm-success) 12%, transparent); font-size: 12px; font-weight: 900; }
.mdm-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 18px 0; }
.mdm-spec { min-width: 0; padding: 11px; border: 1px solid var(--mdm-border); border-radius: 9px; background: color-mix(in srgb, var(--mdm-background) 70%, var(--mdm-card)); }
.mdm-spec span { display: block; margin-bottom: 4px; color: var(--mdm-muted); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; }
.mdm-spec strong { display: block; overflow: hidden; color: var(--mdm-text); font-size: 12px; line-height: 1.35; text-overflow: ellipsis; }
/* Order CTA and billing-cycle popover.
   The stronger component scope protects buttons from theme/Elementor rules. */
.mdm-cta-menu { position: relative; width: 100%; min-width: 0; }
.mdm-pricing-system .mdm-plan .mdm-cta {
  -webkit-appearance: none !important; appearance: none !important;
  display: inline-flex !important; width: 100% !important; min-width: 0; min-height: 48px;
  align-items: center !important; justify-content: center !important; gap: 9px !important;
  margin-left: 0; margin-right: 0; padding: 12px 16px !important;
  border: 1px solid transparent !important; border-radius: var(--mdm-button-radius) !important;
  color: var(--mdm-button-text, #fff) !important; -webkit-text-fill-color: var(--mdm-button-text, #fff) !important;
  background-color: var(--mdm-button) !important; background-image: none !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--mdm-button) 22%, transparent) !important;
  opacity: 1 !important; visibility: visible !important; overflow: visible;
  cursor: pointer; font-family: inherit !important; font-size: 14px !important; font-style: normal !important;
  font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: normal !important;
  text-align: center !important; text-decoration: none !important; text-indent: 0 !important; text-transform: none !important;
  white-space: normal; transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.mdm-pricing-system .mdm-plan .mdm-cta:hover,
.mdm-pricing-system .mdm-plan .mdm-cta:focus-visible,
.mdm-pricing-system .mdm-plan .mdm-cta[aria-expanded="true"] {
  color: var(--mdm-button-text, #fff) !important; -webkit-text-fill-color: var(--mdm-button-text, #fff) !important;
  background-color: var(--mdm-button-hover) !important; background-image: none !important;
  transform: translateY(-1px); box-shadow: 0 12px 25px color-mix(in srgb, var(--mdm-button) 28%, transparent) !important;
}
.mdm-pricing-system .mdm-plan .mdm-cta:focus-visible { outline: 3px solid color-mix(in srgb, var(--mdm-accent) 42%, transparent) !important; outline-offset: 3px; }
.mdm-cta-label { display: inline-block !important; min-width: 0; color: inherit !important; -webkit-text-fill-color: inherit !important; opacity: 1 !important; visibility: visible !important; }
.mdm-cta-chevron { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.mdm-cta-menu.is-dropup .mdm-cta-chevron,
.mdm-cta.is-dropup .mdm-cta-chevron { transform: rotate(180deg); }

/* The menu is moved to <body> while open and positioned with JS. This avoids
   clipping from cards that intentionally use overflow:hidden. */
.mdm-billing-menu {
  position: absolute; z-index: 2147483000; display: none !important; width: 100%; min-width: 220px;
  left: 0; top: calc(100% + 8px); max-height: min(360px, calc(100vh - 24px)); overflow-x: hidden; overflow-y: auto;
  padding: 7px; color: #fff; background: #101827; border: 1px solid rgba(255,255,255,.1);
  border-radius: 11px; box-shadow: 0 22px 55px rgba(15,23,42,.32); overscroll-behavior: contain;
}
.mdm-billing-menu.is-open { display: block !important; }
.mdm-billing-menu.is-floating { position: fixed !important; margin: 0 !important; transform: none !important; }
.mdm-billing-menu.is-dropup { transform-origin: center bottom; }
.mdm-billing-menu.is-dropdown { transform-origin: center top; }
.mdm-billing-menu a {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 15px;
  min-height: 42px; padding: 10px !important; border: 0 !important; border-radius: 7px !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important; background: transparent !important;
  box-shadow: none !important; font-family: inherit !important; font-size: 12px !important; line-height: 1.35 !important;
  text-decoration: none !important; white-space: normal;
}
.mdm-billing-menu a:hover, .mdm-billing-menu a:focus-visible { color: #fff !important; background: rgba(255,255,255,.1) !important; outline: 0; }
.mdm-billing-menu a span { display: flex; min-width: 0; align-items: center; gap: 6px; }
.mdm-billing-menu small { color: #bbf7d0; font-size: 9px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.mdm-billing-menu strong { flex: 0 0 auto; color: #fff; white-space: nowrap; }
body.mdmhp-billing-menu-open { overflow-x: hidden; }
.mdm-card-footer { display: flex; flex-direction: column; align-items: center; gap: 9px; margin-top: auto; padding-top: 16px; color: var(--mdm-muted); font-size: 12px; }
.mdm-nearest { display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-align: center; }
.mdm-nearest img, .mdm-pricing-system img.dc-flag { display: inline-block !important; width: 22px !important; max-width: 22px !important; height: 14px !important; max-height: 14px !important; object-fit: cover; border-radius: 2px; margin: 0 !important; vertical-align: middle; }
.dc-pending::before { content: ""; width: 12px; height: 12px; border: 2px solid color-mix(in srgb, var(--mdm-muted) 25%, transparent); border-top-color: var(--mdm-accent); border-radius: 50%; animation: mdm-spin .8s linear infinite; }
@keyframes mdm-spin { to { transform: rotate(360deg); } }
.mdm-compare-link { color: var(--mdm-secondary) !important; font-size: 12px; font-weight: 800; }
.mdm-compare-link:hover { color: var(--mdm-primary) !important; }

/* 01 — Default Classic: intentionally preserves the original frontend. */
.mdm-classic-card { display: flex; flex-direction: column; overflow: visible; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 5px 18px rgba(15,23,42,.06); }
.mdm-classic-card.popular { border-color: var(--mdm-accent); box-shadow: 0 12px 32px color-mix(in srgb, var(--mdm-accent) 18%, transparent); }
.mdm-classic-card .badge { position: absolute; z-index: 2; top: -17px; left: 50%; transform: translateX(-50%); }
.mdm-classic-card .card-inner { display: flex; flex: 1; flex-direction: column; padding: 30px 22px 20px; }
.mdm-classic-card .body { flex: 1; }
.mdm-classic-card .title { margin: 0 0 14px; color: var(--mdm-text) !important; font-size: 23px; font-weight: 900; text-align: center; }
.mdm-classic-card .price-area { text-align: center; }
.mdm-classic-card .price-area .mdm-price-row { justify-content: center; }
.mdm-classic-card .price-area .mdm-sale { justify-content: center; }
.mdm-classic-card .cta-wrap { margin: 0 0 18px; }
.mdm-classic-card .feat { margin-bottom: 0; }
.mdm-classic-card .foot { border-top: 1px solid var(--mdm-border); padding: 16px 22px; }

/* 02 — SaaS Spotlight */
.mdm-saas-card { display: flex; flex-direction: column; overflow: hidden; padding: 25px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 18px 45px rgba(15,23,42,.08); }
.mdm-saas-card.is-featured { transform: translateY(-8px); border-color: var(--mdm-accent); box-shadow: 0 24px 55px color-mix(in srgb, var(--mdm-accent) 20%, transparent); }
.mdm-saas-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.mdm-saas-head h3 { margin-top: 7px; }
.mdm-saas-card .mdm-price-row { justify-content: flex-start; }
.mdm-saas-card .mdm-cta { margin-top: 3px; }

/* 03 — Split Value */
.mdm-split-card { display: flex; flex-direction: column; overflow: hidden; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 14px 35px rgba(15,23,42,.07); }
.mdm-split-top { min-height: 165px; padding: 25px; color: #fff; background: linear-gradient(135deg, var(--mdm-primary), var(--mdm-secondary)); }
.mdm-split-top h3, .mdm-split-top .mdm-price, .mdm-split-top .mdm-price-suffix, .mdm-split-top .mdm-eyebrow { color: #fff; }
.mdm-split-top .mdm-price-block { margin-bottom: 0; }
.mdm-split-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }

/* 04 — VPS Console */
.mdm-console-card { overflow: hidden; color: #e5eefb; background: #07111f; border: 1px solid color-mix(in srgb, var(--mdm-accent) 40%, #18304a); border-radius: var(--mdm-card-radius); box-shadow: 0 16px 38px rgba(2,6,23,.22); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.mdm-console-bar { display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; background: #101e2e; border-bottom: 1px solid #26384c; }
.mdm-console-bar span { width: 9px; height: 9px; border-radius: 50%; background: #fb7185; }
.mdm-console-bar span:nth-child(2) { background: #fbbf24; }.mdm-console-bar span:nth-child(3) { background: #4ade80; }
.mdm-console-bar code { margin-left: auto; color: #91a4bb; font-size: 10px; }
.mdm-console-body { padding: 22px; }
.mdm-console-card h3, .mdm-console-card .mdm-price { color: #f8fafc; }
.mdm-console-card .mdm-price-suffix, .mdm-console-card .mdm-features { color: #9fb0c5; }
.mdm-console-command { margin: 12px 0 2px; color: #a3e635; font-size: 11px; }
.mdm-console-card .mdm-feature-check { color: #a3e635; background: rgba(163,230,53,.12); }
.mdm-console-card .mdm-card-footer, .mdm-console-card .mdm-compare-link { color: #9fb0c5 !important; }

/* 05 — Dedicated Specification */
.mdm-dedicated-card { display: flex; flex-direction: column; padding: 24px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-top: 5px solid var(--mdm-primary); border-radius: var(--mdm-card-radius); box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.mdm-dedicated-card header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; }
.mdm-dedicated-card header h3 { margin: 0; }
.mdm-dedicated-buy { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 12px; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--mdm-border); }
.mdm-dedicated-buy .mdm-price-block { margin: 0; }
.mdm-dedicated-buy .mdm-price { font-size: 29px; }

/* 06 — Server Rack */
.mdm-rack-card { overflow: hidden; border: 1px solid #202a36; border-radius: var(--mdm-card-radius); background: #111820; color: #eef2f6; box-shadow: 0 18px 45px rgba(2,6,23,.23); }
.mdm-rack-face { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; padding: 16px; background: linear-gradient(#26313d,#161e27); border-bottom: 1px solid #364453; }
.mdm-rack-title { display: flex; align-items: center; gap: 11px; }
.mdm-rack-title h3 { margin: 0; color: #fff; }
.mdm-rack-slots { display: flex; gap: 5px; }.mdm-rack-slots span { width: 27px; height: 7px; border-radius: 2px; background: #020617; box-shadow: inset 0 0 0 1px #425466; }
.mdm-led { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #52606d; }.mdm-led.is-on { background: #4ade80; box-shadow: 0 0 8px #4ade80; }
.mdm-rack-content { padding: 22px; }.mdm-rack-content .mdm-price, .mdm-rack-content h3 { color: #fff; }.mdm-rack-content .mdm-price-suffix, .mdm-rack-content .mdm-features { color: #aab7c4; }
.mdm-rack-order { margin-top: 12px; }.mdm-rack-card .mdm-card-footer, .mdm-rack-card .mdm-compare-link { color: #aab7c4 !important; }

/* 07 — Cloud Glass */
.mdm-design-cloud-glass { padding: 46px 0 76px; background: radial-gradient(circle at 12% 5%, color-mix(in srgb, var(--mdm-accent) 28%, transparent), transparent 34%), linear-gradient(145deg,var(--mdm-primary),var(--mdm-secondary)); }
.mdm-glass-card { overflow: hidden; padding: 25px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.23); border-radius: var(--mdm-card-radius); box-shadow: 0 18px 50px rgba(2,6,23,.2); backdrop-filter: blur(16px); }
.mdm-glass-card h3, .mdm-glass-card .mdm-price, .mdm-glass-card .mdm-price-suffix, .mdm-glass-card .mdm-eyebrow { color: #fff; }
.mdm-glass-card .mdm-features, .mdm-glass-card .mdm-card-footer, .mdm-glass-card .mdm-compare-link { color: rgba(255,255,255,.76) !important; }
.mdm-glass-orb { position: absolute; right: -35px; top: -35px; width: 120px; height: 120px; border-radius: 50%; background: color-mix(in srgb, var(--mdm-accent) 55%, transparent); filter: blur(3px); }
.mdm-glass-card > *:not(.mdm-glass-orb) { position: relative; }

/* 08 — Enterprise Grid */
.mdm-enterprise-card { display: grid; grid-template-rows: auto auto 1fr auto auto; padding: 0; overflow: hidden; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 10px 26px rgba(15,23,42,.06); }
.mdm-enterprise-card header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 23px 23px 18px; border-bottom: 1px solid var(--mdm-border); }
.mdm-enterprise-card header h3 { margin: 5px 0 0; }.mdm-enterprise-code { color: var(--mdm-muted); font: 700 10px ui-monospace, monospace; }
.mdm-enterprise-summary { margin: 0; padding: 15px 23px; color: var(--mdm-muted); background: color-mix(in srgb,var(--mdm-background) 80%,var(--mdm-card)); font-size: 13px; }
.mdm-enterprise-card > .mdm-price-block, .mdm-enterprise-card > .mdm-features, .mdm-enterprise-card > .mdm-cta-menu, .mdm-enterprise-card > .mdm-cta, .mdm-enterprise-card > .mdm-card-footer { margin-left: 23px; margin-right: 23px; }
.mdm-enterprise-card > .mdm-card-footer { margin-bottom: 20px; }

/* 09 — Minimal Outline */
.mdm-minimal-card { display: flex; flex-direction: column; padding: 26px; background: transparent; border: 1px solid var(--mdm-text); border-radius: min(var(--mdm-card-radius), 8px); }
.mdm-minimal-card.is-featured { border-width: 2px; }.mdm-minimal-card header { min-height: 82px; }.mdm-minimal-index { display: block; color: var(--mdm-muted); font: 700 11px ui-monospace, monospace; letter-spacing: .12em; }
.mdm-minimal-card header .mdm-badge { float: right; }.mdm-minimal-rule { width: 42px; height: 2px; margin: 6px 0 13px; background: var(--mdm-accent); }
.mdm-pricing-system .mdm-minimal-card .mdm-cta { margin-top: auto; color: var(--mdm-button-text) !important; -webkit-text-fill-color: var(--mdm-button-text) !important; background-color: transparent !important; border-color: var(--mdm-button-text) !important; box-shadow: none !important; }
.mdm-pricing-system .mdm-minimal-card .mdm-cta:hover, .mdm-pricing-system .mdm-minimal-card .mdm-cta:focus-visible, .mdm-pricing-system .mdm-minimal-card .mdm-cta[aria-expanded="true"] { color: #fff !important; -webkit-text-fill-color: #fff !important; background-color: var(--mdm-text) !important; }

/* 10 — Dark Neon */
.mdm-design-dark-neon { padding: 48px 0 78px; background: #020617; }
.mdm-neon-card { overflow: hidden; padding: 24px; color: #e2e8f0; background: #07111f; border: 1px solid #164e63; border-radius: var(--mdm-card-radius); box-shadow: 0 0 0 1px rgba(34,211,238,.05),0 20px 55px rgba(0,0,0,.35); }
.mdm-neon-card.is-featured { box-shadow: 0 0 32px color-mix(in srgb,var(--mdm-accent) 23%,transparent); }.mdm-neon-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(34,211,238,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.2) 1px,transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(to bottom,#000,transparent 62%); }
.mdm-neon-card > *:not(.mdm-neon-grid) { position: relative; }.mdm-neon-card header { display: flex; gap: 13px; align-items: center; }.mdm-neon-card h3,.mdm-neon-card .mdm-price { color: #f1f5f9; }.mdm-neon-card .mdm-price-suffix,.mdm-neon-card .mdm-features,.mdm-neon-card .mdm-card-footer,.mdm-neon-card .mdm-compare-link { color: #94a3b8 !important; }
.mdm-status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; }

/* 11 — Gradient Premium */
.mdm-gradient-card { overflow: hidden; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 18px 42px rgba(76,29,149,.12); }
.mdm-gradient-cover { min-height: 155px; padding: 25px; color: #fff; background: linear-gradient(135deg,var(--mdm-primary),var(--mdm-secondary) 62%,var(--mdm-accent)); }.mdm-gradient-cover h3,.mdm-gradient-cover .mdm-eyebrow { color: #fff; }.mdm-gradient-cover .mdm-badge { float: right; }
.mdm-gradient-body { padding: 0 24px 23px; }.mdm-overlap-price { width: calc(100% + 4px); margin: -28px -2px 15px; padding: 16px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: 10px; box-shadow: 0 12px 28px rgba(15,23,42,.1); }

/* 12 — Compact inventory list */
.mdm-design-compact-list .mdm-design-grid { grid-template-columns: 1fr; gap: 12px; }
.mdm-compact-card { display: grid; grid-template-columns: minmax(180px,1.1fr) minmax(320px,2fr) minmax(210px,.8fr); align-items: center; gap: 18px; padding: 17px 20px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 7px 22px rgba(15,23,42,.05); }
.mdm-compact-card.is-featured { border-color: var(--mdm-accent); }.mdm-compact-identity { display: flex; align-items: center; gap: 13px; }.mdm-compact-identity h3 { margin: 2px 0 0; font-size: 18px; }.mdm-compact-card .mdm-spec-grid { margin: 0; grid-template-columns: repeat(3,minmax(0,1fr)); }.mdm-compact-buy { display: grid; gap: 8px; }.mdm-compact-buy .mdm-price-block { margin: 0; }.mdm-compact-buy .mdm-price { font-size: 28px; }.mdm-compact-card > .mdm-card-footer { grid-column: 1/-1; flex-direction: row; justify-content: flex-end; margin: -5px 0 0; padding-top: 8px; border-top: 1px solid var(--mdm-border); }

/* 13 — Comparison Focus */
.mdm-compare-card { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); }.mdm-compare-card.is-featured { outline: 3px solid color-mix(in srgb,var(--mdm-accent) 22%,transparent); border-color: var(--mdm-accent); }
.mdm-compare-card header { padding: 23px; background: color-mix(in srgb,var(--mdm-background) 75%,var(--mdm-card)); border-bottom: 1px solid var(--mdm-border); }.mdm-compare-card header .mdm-icon-wrap { float: right; }.mdm-compare-feature-zone { padding: 20px 23px; }.mdm-included-label { color: var(--mdm-primary); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.mdm-compare-actions { padding: 0 23px 22px; }

/* 14 — Datacenter Edge */
.mdm-edge-card { overflow: hidden; padding: 0 22px 22px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 12px 30px rgba(6,78,59,.08); }.mdm-edge-location { display: flex; align-items: center; gap: 7px; margin: 0 -22px 20px; padding: 10px 16px; color: var(--mdm-primary); background: color-mix(in srgb,var(--mdm-accent) 15%,var(--mdm-background)); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }.mdm-edge-location strong { margin-left: auto; }.mdm-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--mdm-success); box-shadow: 0 0 0 5px color-mix(in srgb,var(--mdm-success) 17%,transparent); }.mdm-edge-card header { display: flex; gap: 12px; align-items: center; }.mdm-edge-card header h3 { margin: 4px 0 0; }

/* 15 — Bare Metal Industrial */
.mdm-industrial-card { overflow: hidden; background: var(--mdm-card); border: 2px solid var(--mdm-text); border-radius: min(var(--mdm-card-radius),7px); box-shadow: 8px 8px 0 color-mix(in srgb,var(--mdm-text) 12%,transparent); }.mdm-industrial-label { padding: 8px 14px; color: var(--mdm-badge-text); background: var(--mdm-text); font: 800 9px ui-monospace,monospace; letter-spacing: .1em; }.mdm-industrial-card header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 20px; }.mdm-industrial-card header h3 { margin: 0; }.mdm-industrial-card .mdm-spec-grid { padding: 0 20px; }.mdm-industrial-card .mdm-spec { border-radius: 2px; border-color: var(--mdm-text); }.mdm-industrial-order { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 10px; padding: 18px 20px; background: color-mix(in srgb,var(--mdm-accent) 18%,var(--mdm-background)); border-top: 2px solid var(--mdm-text); }.mdm-industrial-order .mdm-price-block { margin: 0; }.mdm-industrial-card > .mdm-card-footer { padding: 0 20px 17px; }

/* 16 — Reseller Stack */
.mdm-stack-card { overflow: hidden; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 14px 34px rgba(13,148,136,.1); }.mdm-stack-visual { position: relative; height: 125px; display: grid; place-items: center; background: linear-gradient(145deg,color-mix(in srgb,var(--mdm-accent) 28%,var(--mdm-background)),var(--mdm-background)); }.mdm-stack-visual > span { position: absolute; width: 55%; height: 44px; border: 1px solid var(--mdm-border); border-radius: 9px; background: var(--mdm-card); box-shadow: 0 8px 16px rgba(15,23,42,.07); }.mdm-stack-visual > span:nth-child(1) { transform: translateY(18px) scale(.9); opacity: .55; }.mdm-stack-visual > span:nth-child(2) { transform: translateY(8px) scale(.95); opacity: .75; }.mdm-stack-visual > span:nth-child(3) { transform: translateY(-3px); }.mdm-stack-visual .mdm-icon-wrap { position: relative; z-index: 2; }.mdm-stack-content { padding: 22px; }.mdm-stack-note { color: var(--mdm-muted); font-size: 12px; }

/* 17 — Ribbon Conversion */
.mdm-ribbon-card { overflow: hidden; padding: 25px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 15px 35px rgba(63,29,117,.09); }.mdm-ribbon-card.is-featured { border-color: var(--mdm-accent); transform: translateY(-5px); }.mdm-ribbon { position: absolute; top: 18px; right: -38px; width: 145px; transform: rotate(42deg); padding: 7px; text-align: center; color: var(--mdm-badge-text); background: var(--mdm-accent); font-size: 9px; font-weight: 900; text-transform: uppercase; }.mdm-ribbon-card header { padding-right: 18px; }.mdm-ribbon-card .mdm-icon-wrap { margin-bottom: 15px; }.mdm-ribbon-value { margin: -7px 0 16px; color: var(--mdm-secondary); font-size: 12px; font-weight: 800; }

/* 18 — Bundle Commerce */
.mdm-bundle-card { overflow: hidden; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 13px 32px rgba(124,45,18,.08); }.mdm-bundle-media { min-height: 125px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 9px; color: var(--mdm-primary); background: linear-gradient(135deg,color-mix(in srgb,var(--mdm-accent) 35%,var(--mdm-background)),var(--mdm-background)); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }.mdm-bundle-body { padding: 22px; }.mdm-bundle-body > p { color: var(--mdm-muted); font-size: 13px; }.mdm-bundle-checkout { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--mdm-border); }.mdm-bundle-checkout .mdm-price-block { margin-top: 0; }

/* 19 — Luxury Black */
.mdm-design-luxury-black { padding: 48px 0 78px; background: #050505; }.mdm-luxury-card { overflow: hidden; padding: 27px; color: #f8f4e7; background: #0d0d0d; border: 1px solid #5b4a1f; border-radius: var(--mdm-card-radius); box-shadow: 0 20px 55px rgba(0,0,0,.4); }.mdm-luxury-card h3,.mdm-luxury-card .mdm-price { color: #f8f4e7; }.mdm-luxury-card .mdm-price-suffix,.mdm-luxury-card .mdm-features,.mdm-luxury-card .mdm-card-footer,.mdm-luxury-card .mdm-compare-link { color: #aaa18c !important; }.mdm-luxury-card .mdm-icon { color: #d4af37; background: rgba(212,175,55,.09); border: 1px solid #5b4a1f; }.mdm-luxury-corner { position: absolute; right: -45px; top: -45px; width: 100px; height: 100px; transform: rotate(45deg); border: 1px solid #5b4a1f; }.mdm-luxury-kicker { margin-top: 18px; color: #d4af37; font: 700 9px ui-monospace,monospace; letter-spacing: .22em; }.mdm-luxury-line { width: 100%; height: 1px; margin: 16px 0; background: linear-gradient(90deg,#d4af37,transparent); }.mdm-luxury-card .mdm-cta { color: var(--mdm-button-text) !important; -webkit-text-fill-color: var(--mdm-button-text) !important; }

/* 20 — Terminal Pro */
.mdm-design-terminal-pro { padding: 45px 0 75px; background: #111827; }.mdm-terminal-card { overflow: hidden; color: #e5e7eb; background: #030712; border: 1px solid #374151; border-radius: var(--mdm-card-radius); box-shadow: 0 16px 44px rgba(0,0,0,.3); font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }.mdm-terminal-title { display: flex; align-items: center; gap: 6px; padding: 11px 14px; background: #111827; border-bottom: 1px solid #374151; }.mdm-terminal-title span { color: #fb7185; font-size: 10px; }.mdm-terminal-title span:nth-child(2) { color: #fbbf24; }.mdm-terminal-title span:nth-child(3) { color: #4ade80; }.mdm-terminal-title code { margin-left: auto; color: #9ca3af; font-size: 10px; }.mdm-terminal-output { padding: 22px; }.mdm-terminal-output p { color: #9ca3af; font-size: 11px; }.mdm-terminal-output p span { color: #a3e635; }.mdm-terminal-output h3,.mdm-terminal-output .mdm-price { color: #e5e7eb; }.mdm-terminal-output pre { min-height: 105px; white-space: pre-wrap; color: #9ca3af; background: transparent; border: 0; padding: 0; font: 11px/1.7 inherit; }.mdm-terminal-card .mdm-card-footer,.mdm-terminal-card .mdm-compare-link { color: #9ca3af !important; }.mdm-terminal-card .mdm-cta { color: var(--mdm-button-text) !important; -webkit-text-fill-color: var(--mdm-button-text) !important; }

/* 21 — Trust Corporate */
.mdm-trust-card { overflow: hidden; padding: 0 23px 23px; background: var(--mdm-card); border: 1px solid var(--mdm-border); border-radius: var(--mdm-card-radius); box-shadow: 0 10px 25px rgba(30,58,95,.07); }.mdm-trust-strip { display: flex; align-items: center; gap: 7px; margin: 0 -23px 20px; padding: 9px 15px; color: var(--mdm-primary); background: color-mix(in srgb,var(--mdm-accent) 35%,var(--mdm-background)); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }.mdm-trust-strip span,.mdm-trust-strip svg { width: 15px; height: 15px; fill: currentColor; }.mdm-trust-card header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.mdm-trust-card header h3 { margin: 4px 0 0; }.mdm-trust-summary { color: var(--mdm-muted); font-size: 13px; }

/* Compact mode applies a real density adjustment to every design. */
.mdm-compact-mode .mdm-plan { font-size: 93%; }.mdm-compact-mode .mdm-features li { padding-top: 6px; padding-bottom: 6px; }.mdm-compact-mode .mdm-price { font-size: 31px; }.mdm-compact-mode .mdm-cta { min-height: 42px; }.mdm-compact-mode .mdm-card-footer { padding-top: 10px; }

@media (max-width: 1199px) {
  .mdm-design-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 19px; }
  .mdm-compact-card { grid-template-columns: 1fr 1.5fr; }.mdm-compact-buy { grid-column: 1/-1; grid-template-columns: 1fr 1fr; align-items: center; }.mdm-compact-card > .mdm-card-footer { grid-column: 1/-1; }
}
@media (max-width: 767px) {
  .mdm-pricing-v2 { padding: 18px 0 45px; }.mdm-pricing-shell { padding: 0 14px; }.mdm-design-grid { grid-template-columns: 1fr; gap: 16px; }.mdm-location-bar { justify-content: center; margin-bottom: 24px; }.mdm-location-label { width: 100%; text-align: center; }.mdm-saas-card.is-featured,.mdm-ribbon-card.is-featured { transform: none; }.mdm-dedicated-buy,.mdm-industrial-order { grid-template-columns: 1fr; }.mdm-compact-card { grid-template-columns: 1fr; }.mdm-compact-card .mdm-spec-grid { grid-template-columns: 1fr; }.mdm-compact-buy { grid-column: auto; grid-template-columns: 1fr; }.mdm-compact-card > .mdm-card-footer { grid-column: auto; justify-content: center; }.mdm-spec-grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .mdm-pricing-system *, .mdm-pricing-system *::before, .mdm-pricing-system *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}


/* ============================================================================
   Comparison table
   ========================================================================== */
.mdmhost-plans-comparison-container,.mdmhost-plans-comparison-container *{box-sizing:border-box}.mdmhost-plans-comparison-container{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1200px;margin:40px auto;overflow:hidden;border:1px solid var(--line);border-radius:var(--comp-border-radius);background:var(--white);box-shadow:0 10px 25px -5px rgba(0,0,0,.05);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.mdmhost-plans-comparison-features{border-right:1px solid var(--line);background:var(--comp-light-gray)}.mdmhost-plans-comparison-feature-header,.mdmhost-plans-comparison-plan-header{min-height:250px;padding:24px;border-bottom:1px solid var(--line)}.mdmhost-plans-comparison-side-text{color:var(--ink-500);font-size:15px;line-height:1.6}.mdmhost-plans-comparison-side-text strong{color:var(--ink-600)}.mdmhost-plans-comparison-side-text a{color:var(--mdm-black);font-weight:700;text-decoration:none}.mdmhost-plans-comparison-feature-label,.mdmhost-plans-comparison-feature-value{height:60px;border-top:1px solid var(--line);font-size:15px}.mdmhost-plans-comparison-feature-label{display:flex;align-items:center;padding:0 24px;color:var(--ink-600);font-weight:600}.mdmhost-plans-comparison-feature-label:first-of-type{border-top:0}.mdmhost-plans-comparison-plans{min-width:0;overflow:hidden}.mdmhost-plans-comparison-slider{display:grid;transition:transform .35s ease}.mdmhost-plans-comparison-plan{min-width:0;border-right:1px solid var(--line);text-align:center}.mdmhost-plans-comparison-plan:last-child{border-right:0}.mdmhost-plans-comparison-plan-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.mdmhost-plans-comparison-plan-header h2.custom-h2-v11{margin:0 0 14px!important;color:var(--ink)!important;font-size:24px!important;font-weight:900!important;line-height:1.15!important}.mdmhost-plans-comparison-plan-header img{display:block;width:auto;max-width:100%;height:auto;max-height:48px;margin:0 0 10px;object-fit:contain}.mdmhost-plans-comparison-price{margin:0 0 10px;color:var(--ink);font-size:36px;font-weight:900;line-height:1}.mdmhost-plans-comparison-price span{margin-left:4px;color:var(--ink-500);font-size:16px;font-weight:700}.mdmhost-plans-comparison-plan-header .sale{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;color:var(--ink-500);font-size:14px}.mdmhost-plans-comparison-plan-header .old{text-decoration:line-through}.mdmhost-plans-comparison-plan-header .off{padding:4px 10px;border-radius:20px;color:#2e7d32;background:rgba(1,190,105,.15);font-weight:700}.mdmhost-plans-comparison-button{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:200px;min-height:48px;padding:13px 20px;border-radius:8px;color:#fff!important;background:var(--mdm-orange);font-size:16px;font-weight:700;line-height:1.2;text-decoration:none}.mdmhost-plans-comparison-button:hover{background:#ea580c}.mdmhost-plans-comparison-feature-value{display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--ink-500);font-weight:500}.mdmhost-plans-comparison-check,.mdmhost-plans-comparison-cross{width:25px;height:25px}.mdmhost-plans-comparison-check{fill:var(--mdm-green)}.mdmhost-plans-comparison-cross{fill:#ef4444}.mdmhost-plans-comparison-mobile-nav{display:none}
@media(max-width:992px){.mdmhost-plans-comparison-container{display:block}.mdmhost-plans-comparison-features{display:none}.mdmhost-plans-comparison-mobile-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;color:#fff;background:var(--ink-600)}.mdmhost-plans-comparison-mobile-nav button,.mdmhost-plans-comparison-mobile-nav a.btn{padding:8px 12px;border:1px solid #fff!important;border-radius:6px;color:#fff!important;background:transparent!important;background-image:none!important;box-shadow:none!important;appearance:none}.mdmhost-plans-comparison-mobile-nav button:focus,.mdmhost-plans-comparison-mobile-nav button:active{outline:0;background:rgba(255,255,255,.1)!important}.mdmhost-plans-comparison-mobile-nav button:disabled{opacity:.45;cursor:not-allowed}#mdmhost-plans-comparison-indicator{font-size:17px;font-weight:800}.mdmhost-plans-comparison-slider{display:grid}.mdmhost-plans-comparison-plan{min-width:100%;border:0}.mdmhost-plans-comparison-plan-header{min-height:0;padding-bottom:30px}.mdmhost-plans-comparison-feature-value{position:relative;display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:58px;padding:15px 20px;border-top:0;border-bottom:1px solid var(--line)}.mdmhost-plans-comparison-feature-value::before{content:attr(data-label);grid-column:1;justify-self:start;padding-right:12px;color:var(--ink-600);font-weight:600;text-align:left}.mdmhost-plans-comparison-feature-value::after{content:"";position:absolute;top:10px;bottom:10px;left:50%;width:1px;background:var(--line)}.mdmhost-plans-comparison-feature-value>*{grid-column:2;justify-self:center;padding-left:12px}.mdmhost-plans-comparison-plan>div:last-child.mdmhost-plans-comparison-feature-value{border-bottom:0}.mdmhost-plans-comparison-check,.mdmhost-plans-comparison-cross{width:29px;height:29px}}

/* Renderer alignment refinements */
.mdm-saas-copy{min-width:0;flex:1}.mdm-saas-copy p{margin:6px 0 0;color:var(--mdm-muted);font-size:13px}.mdm-saas-copy h3{margin:5px 0 0}.mdm-split-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mdm-rack-slots{display:flex;align-items:center;gap:4px}.mdm-rack-slots i{display:block;width:24px;height:7px;border-radius:2px;background:#020617;box-shadow:inset 0 0 0 1px #425466}.mdm-neon-status{color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mdm-enterprise-code{padding:10px 23px;border-bottom:1px solid var(--mdm-border);background:color-mix(in srgb,var(--mdm-background) 75%,var(--mdm-card))}