/*
Theme Name: Miranda Tech Solutions
Theme URI: https://mirandatechsolutions.com/
Author: Miranda Tech Solutions
Author URI: https://mirandatechsolutions.com/
Description: A lightweight, customizable business theme for Miranda Tech Solutions, including the Website $499 landing-page template and Ninja Forms support.
Version: 1.2.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: miranda-tech-solutions
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --mts-bg: #0b1324;
  --mts-text: #eaf0ff;
  --mts-muted: #b9c5e6;
  --mts-brand: #4aa3ff;
  --mts-accent: #ff6a2b;
  --mts-good: #44d27b;
  --mts-stroke: rgba(255,255,255,.10);
  --mts-shadow: 0 18px 55px rgba(0,0,0,.45);
  --mts-radius: 18px;
  --mts-max: 1120px;
  --mts-heading-size: 46px;
  --mts-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--mts-bg);
  color: var(--mts-text);
  font-family: var(--mts-font);
}
a { color: inherit; }
img { max-width: 100%; height: auto; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid color-mix(in srgb, var(--mts-brand) 62%, #fff); outline-offset: 3px; }

.mts-site-header {
  border-bottom: 1px solid var(--mts-stroke);
  background: rgba(11,19,36,.92);
}
.mts-header-inner,
.mts-content,
.mts-footer-inner {
  width: min(calc(100% - 32px), var(--mts-max));
  margin-inline: auto;
}
.mts-header-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.mts-brand-link { display: flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 850; }
.mts-custom-logo { display: block; max-height: 48px; width: auto; }
.mts-menu { display: flex; flex-wrap: wrap; gap: 18px; margin: 0; padding: 0; list-style: none; }
.mts-menu a { color: var(--mts-muted); text-decoration: none; }
.mts-menu a:hover, .mts-menu a:focus { color: var(--mts-brand); }
.mts-content { padding-block: 48px; line-height: 1.65; }
.mts-content a { color: var(--mts-brand); }
.mts-entry { max-width: 820px; margin-inline: auto; }
.mts-entry-title { line-height: 1.15; }
.mts-site-footer { border-top: 1px solid var(--mts-stroke); color: var(--mts-muted); }
.mts-footer-inner { padding-block: 28px; display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.mts-footer-inner p { margin: 0; }

/* Website $499 landing template */
body.page-template-website-499 {
  min-height: 100%;
  background:
    radial-gradient(1200px 700px at 70% 5%, color-mix(in srgb, var(--mts-brand) 18%, transparent), transparent 60%),
    radial-gradient(900px 500px at 20% 0%, color-mix(in srgb, var(--mts-accent) 12%, transparent), transparent 55%),
    var(--mts-bg);
}
.mts-no-gradients.page-template-website-499 { background: var(--mts-bg); }
.mts-landing-wrap { max-width: var(--mts-max); margin: 0 auto; padding: 24px; }
.mts-landing-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--mts-bg) 78%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--mts-stroke);
}
.mts-landing-nav-inner {
  max-width: var(--mts-max);
  min-height: 66px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.mts-landing-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 850; }
.mts-landing-logo { display: block; width: auto; max-width: 210px; max-height: 42px; }
.mts-logo-mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--mts-brand), var(--mts-accent));
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  flex: 0 0 auto;
}
body.page-template-page-templates-website-499 .mts-hero {
  padding: 34px 0 10px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 24px;
  align-items: start;
}
.mts-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--mts-stroke);
  color: var(--mts-muted);
  font-weight: 650;
  font-size: 13px;
}
body.page-template-page-templates-website-499 .mts-hero h1 { font-size: var(--mts-heading-size); line-height: 1.03; margin: 12px 0; }
.mts-highlight { color: var(--mts-brand); }
.mts-subbar {
  background: linear-gradient(135deg, var(--mts-accent), color-mix(in srgb, var(--mts-accent) 72%, #b91c1c));
  color: #fff;
  padding: 14px 16px;
  border-radius: calc(var(--mts-radius) - 2px);
  font-weight: 900;
  display: inline-block;
  box-shadow: 0 14px 35px color-mix(in srgb, var(--mts-accent) 18%, transparent);
  margin: 10px 0 16px;
}
.mts-lead { color: var(--mts-muted); font-size: 18px; line-height: 1.5; margin: 0 0 18px; }
.mts-checks { display: grid; gap: 10px; margin: 16px 0 24px; }
.mts-check { display: flex; gap: 10px; align-items: flex-start; }
.mts-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--mts-good) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--mts-good) 35%, transparent);
  color: var(--mts-good);
  font-style: normal;
  margin-top: 2px;
  flex: 0 0 auto;
}
.mts-card {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--mts-stroke);
  border-radius: var(--mts-radius);
  box-shadow: var(--mts-shadow);
}
.mts-card-pad { padding: 18px; }
.mts-form-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.mts-form-heading { font-weight: 950; font-size: 18px; }
.mts-form-subheading { color: var(--mts-muted); font-size: 13.5px; }
.mts-price-tag {
  font-weight: 950;
  font-size: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mts-brand) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--mts-brand) 35%, transparent);
  color: var(--mts-text);
  white-space: nowrap;
}
.mts-fineprint { font-size: 12px; color: var(--mts-muted); margin-top: 10px; }
.mts-form-missing { padding: 14px; border: 1px dashed var(--mts-stroke); border-radius: 12px; color: var(--mts-muted); }

/* Ninja Forms */
.nf-form-cont { margin-top: 10px; }
.nf-form-cont .nf-field-label label { color: var(--mts-text); font-weight: 850; }
.nf-form-cont input[type="text"],
.nf-form-cont input[type="email"],
.nf-form-cont input[type="tel"],
.nf-form-cont input[type="number"],
.nf-form-cont textarea,
.nf-form-cont select {
  width: 100% !important;
  background: rgba(0,0,0,.22) !important;
  border: 1px solid var(--mts-stroke) !important;
  border-radius: calc(var(--mts-radius) - 4px) !important;
  padding: 12px !important;
  color: var(--mts-text) !important;
}
.nf-form-cont input::placeholder, .nf-form-cont textarea::placeholder { color: color-mix(in srgb, var(--mts-muted) 75%, transparent) !important; }
.nf-form-cont input[type="submit"], .nf-form-cont button {
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: calc(var(--mts-radius) - 4px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(135deg, var(--mts-accent), color-mix(in srgb, var(--mts-accent) 72%, #b91c1c)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.nf-form-cont .nf-error-msg { color: #ffb3a0 !important; }
.nf-form-cont .nf-response-msg { color: var(--mts-good) !important; font-weight: 800; }
.mts-call-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mts-accent), color-mix(in srgb, var(--mts-accent) 72%, #b91c1c));
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0 14px 40px color-mix(in srgb, var(--mts-accent) 35%, transparent);
  transition: transform .15s ease, box-shadow .15s ease;
}
.mts-call-float:hover, .mts-call-float:focus { transform: translateY(-2px); box-shadow: 0 18px 48px color-mix(in srgb, var(--mts-accent) 45%, transparent); }
.mts-footer-space { height: 90px; }

@media (max-width: 960px) {
  body.page-template-page-templates-website-499 .mts-hero { grid-template-columns: 1fr; padding-top: 18px; }
  .mts-landing-nav-inner { padding: 12px 16px; }
  .mts-landing-wrap { padding: 18px 16px; }
  body.page-template-page-templates-website-499 .mts-hero h1 { font-size: min(var(--mts-heading-size), 38px); }
}
@media (max-width: 640px) {
  .mts-header-inner { align-items: flex-start; flex-direction: column; padding-block: 16px; }
  .mts-form-title { align-items: flex-start; flex-direction: column; }
  .mts-call-float { right: 14px; bottom: 14px; }
}

/* ================================================================
   Version 1.1 design system: global navigation, homepage and pages
   ================================================================ */
body {
  background: #fff;
  color: #13213a;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.page-template-page-templates-website-499 { background: var(--mts-bg); color: var(--mts-text); }
.mts-shell, .container, .mts-container { width: min(calc(100% - 40px), var(--mts-max)); max-width: var(--mts-max); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mts-skip-link { position: fixed; top: 10px; left: 10px; z-index: 10000; padding: 10px 14px; border-radius: 10px; background: #fff; color: #0b1324; transform: translateY(-150%); }
.mts-skip-link:focus { transform: none; }

/* Header */
.mts-topbar { background: #07101f; color: #aab8d0; font-size: 12px; letter-spacing: .02em; }
.mts-topbar-inner { min-height: 34px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.mts-topbar a { color: #fff; text-decoration: none; font-weight: 800; }
.mts-status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #42d982; box-shadow: 0 0 0 4px rgba(66,217,130,.11); }
.mts-site-header {
  position: sticky;
  top: 0;
  z-index: 900;
  border: 0;
  border-bottom: 1px solid rgba(15,35,66,.08);
  background: rgba(255,255,255,.94);
  color: #0b1324;
  backdrop-filter: blur(18px);
  transition: box-shadow .2s ease, background .2s ease;
}
.admin-bar .mts-site-header { top: 32px; }
.mts-site-header.is-scrolled { box-shadow: 0 12px 35px rgba(11,19,36,.08); background: rgba(255,255,255,.98); }
.mts-header-inner { width: auto; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0; }
.mts-brand-link { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; text-decoration: none; color: #0b1324; }
.mts-brand-mark { width: 38px; height: 38px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: linear-gradient(145deg, var(--mts-brand), #1766dc 58%, var(--mts-accent)); box-shadow: 0 9px 22px color-mix(in srgb, var(--mts-brand) 24%, transparent); transform: rotate(-3deg); }
.mts-brand-mark::before, .mts-brand-mark::after, .mts-brand-mark span { content: ""; display: block; position: absolute; background: #fff; border-radius: 2px; }
.mts-brand-mark::before { width: 6px; height: 21px; left: 9px; top: 9px; transform: skew(-14deg); }
.mts-brand-mark::after { width: 6px; height: 16px; right: 9px; top: 11px; transform: skew(-14deg); }
.mts-brand-mark span { width: 5px; height: 11px; left: 17px; top: 13px; transform: skew(14deg); opacity: .8; }
.mts-brand-words { display: flex; flex-direction: column; line-height: 1; }
.mts-brand-words strong { font-size: 16px; letter-spacing: -.025em; }
.mts-brand-words small { margin-top: 4px; color: #62718a; font-size: 9px; font-weight: 850; letter-spacing: .23em; text-transform: uppercase; }
.mts-custom-logo { max-height: 49px; width: auto; display: block; }
.mts-primary-nav { margin-left: auto; }
.mts-menu { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mts-menu li { position: relative; }
.mts-menu a { display: block; padding: 10px 11px; border-radius: 9px; color: #35445f; font-size: 13px; font-weight: 750; text-decoration: none; transition: color .15s ease, background .15s ease; }
.mts-menu a:hover, .mts-menu a:focus, .mts-menu .current-menu-item > a { color: #0b1324; background: #f0f5fc; }
.mts-header-cta { display: inline-flex; align-items: center; gap: 9px; padding: 11px 15px; border-radius: 11px; background: #0b1324; color: #fff; font-size: 13px; font-weight: 850; text-decoration: none; box-shadow: 0 10px 24px rgba(11,19,36,.16); }
.mts-header-cta span { color: #7cbcff; }
.mts-header-cta:hover { transform: translateY(-1px); }
.mts-nav-toggle { display: none; border: 0; background: none; padding: 8px; }
.mts-nav-toggle-lines { display: grid; gap: 4px; }
.mts-nav-toggle-lines i { width: 24px; height: 2px; border-radius: 9px; background: #0b1324; transition: transform .2s ease, opacity .2s ease; }

/* Homepage hero */
.mts-home { overflow: hidden; background: #fff; color: #13213a; }
.mts-home-hero { position: relative; min-height: 690px; display: flex; align-items: center; padding: 82px 0 76px; overflow: hidden; background: #f8fbff; }
.mts-home-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(900px 540px at 86% 20%, color-mix(in srgb, var(--mts-brand) 14%, transparent), transparent 62%), radial-gradient(600px 360px at 3% 100%, color-mix(in srgb, var(--mts-accent) 8%, transparent), transparent 70%), linear-gradient(rgba(11,19,36,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(11,19,36,.025) 1px, transparent 1px); background-size: auto, auto, 42px 42px, 42px 42px; mask-image: linear-gradient(to bottom, #000 45%, transparent); }
.mts-home-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .98fr) minmax(430px, 1.02fr); gap: clamp(35px, 6vw, 80px); align-items: center; }
.mts-home-hero-copy h1 { max-width: 720px; margin: 18px 0 22px; color: #07101f; font-size: clamp(45px, 5.4vw, 74px); letter-spacing: -.057em; line-height: .99; }
.mts-home-hero-copy h1 span { color: transparent; background: linear-gradient(100deg, var(--mts-brand), #275ee8 55%, var(--mts-accent)); background-clip: text; -webkit-background-clip: text; }
.mts-home-eyebrow, .mts-overline { margin: 0; color: #1766dc; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.mts-home-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid #d8e5f6; border-radius: 999px; background: rgba(255,255,255,.8); }
.mts-home-eyebrow span { color: var(--mts-accent); }
.mts-home-lead { max-width: 650px; margin: 0; color: #53627a; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.68; }
.mts-home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.mts-action { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 13px 18px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 900; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
.mts-action:hover { transform: translateY(-2px); }
.mts-action-primary { background: linear-gradient(120deg, #126ee8, var(--mts-brand)); color: #fff; box-shadow: 0 13px 30px color-mix(in srgb, var(--mts-brand) 25%, transparent); }
.mts-action-secondary { border-color: #d6e0ed; background: rgba(255,255,255,.72); color: #0b1324; }
.mts-action-light { background: #fff; color: #0b1324; box-shadow: 0 14px 30px rgba(0,0,0,.15); }
.mts-action-dark { border-color: rgba(255,255,255,.16); background: rgba(5,11,22,.56); color: #fff; }
.mts-text-action { color: #16243a; font-size: 14px; font-weight: 850; text-decoration: none; }
.mts-home-proof { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 28px; color: #66758c; font-size: 12px; font-weight: 700; }
.mts-home-proof span { display: inline-flex; align-items: center; gap: 7px; }
.mts-home-proof i { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #e7f8ef; color: #13844b; font-size: 10px; font-style: normal; }

/* Code-built hero showcase */
.mts-tech-showcase { position: relative; min-height: 500px; }
.mts-showcase-glow { position: absolute; width: 410px; height: 410px; top: 35px; right: 5px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--mts-brand) 24%, transparent), transparent 68%); filter: blur(8px); }
.mts-browser-card { position: absolute; width: 88%; top: 40px; left: 0; overflow: hidden; border: 1px solid rgba(18,61,111,.14); border-radius: 19px; background: #fff; box-shadow: 0 35px 80px rgba(17,46,88,.18); transform: rotate(-2deg); }
.mts-browser-top { height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 13px; border-bottom: 1px solid #e9eff7; background: #f8fafd; }
.mts-browser-top span { width: 7px; height: 7px; border-radius: 50%; background: #ff846f; }
.mts-browser-top span:nth-child(2) { background: #ffc65a; }.mts-browser-top span:nth-child(3) { background: #54d58a; }
.mts-browser-top b { flex: 1; max-width: 210px; margin: 0 auto; padding: 5px 12px; border-radius: 6px; background: #edf2f8; color: #8290a5; font-size: 8px; font-weight: 650; text-align: center; }
.mts-browser-content { min-height: 305px; padding: 42px 34px 27px; background: radial-gradient(circle at 86% 14%, #dcecff, transparent 30%), linear-gradient(145deg, #f8fbff, #fff); }
.mts-browser-kicker { margin-bottom: 14px; color: #2874dd; font-size: 7px; font-weight: 950; letter-spacing: .16em; }
.mts-browser-title { width: 70%; height: 17px; margin: 8px 0; border-radius: 4px; background: #0b1830; }.mts-browser-title.short { width: 48%; }
.mts-browser-copy { width: 58%; height: 7px; margin-top: 17px; border-radius: 9px; background: #b9c5d5; }
.mts-browser-actions { display: flex; gap: 8px; margin-top: 20px; }.mts-browser-actions i { width: 70px; height: 25px; border-radius: 6px; background: var(--mts-brand); }.mts-browser-actions i + i { border: 1px solid #cdd9e8; background: #fff; }
.mts-browser-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 35px; }.mts-browser-cards span { height: 67px; border: 1px solid #e2eaf4; border-radius: 9px; background: #fff; box-shadow: 0 5px 13px rgba(21,52,93,.06); }
.mts-pos-card { position: absolute; z-index: 3; width: 178px; right: 0; bottom: 25px; padding: 9px 9px 0; border-radius: 17px 17px 9px 9px; background: #14223a; box-shadow: 0 28px 55px rgba(7,16,31,.3); transform: rotate(4deg); }
.mts-pos-screen { min-height: 215px; padding: 15px; border-radius: 11px; background: linear-gradient(155deg,#f9fbff,#e8f1fd); color: #0c1930; }.mts-pos-brand { color: #1766dc; font-size: 11px; font-weight: 950; }.mts-pos-live { float: right; color: #52704f; font-size: 8px; }.mts-pos-live i { display: inline-block; width: 5px; height: 5px; margin-right: 3px; border-radius: 50%; background: #3bd07d; }
.mts-pos-screen strong { display: block; margin-top: 32px; font-size: 26px; letter-spacing: -.05em; }.mts-pos-screen small { display: block; margin-top: 2px; color: #77859a; font-size: 8px; }
.mts-pos-bars { height: 75px; display: flex; align-items: flex-end; gap: 6px; margin-top: 18px; }.mts-pos-bars i { flex: 1; height: 30%; border-radius: 3px 3px 0 0; background: #84bafd; }.mts-pos-bars i:nth-child(2){height:50%}.mts-pos-bars i:nth-child(3){height:42%}.mts-pos-bars i:nth-child(4){height:72%;background:#317ee8}.mts-pos-bars i:nth-child(5){height:58%}.mts-pos-bars i:nth-child(6){height:88%;background:var(--mts-accent)}
.mts-pos-base { width: 115%; height: 13px; margin: 7px -7.5% -7px; border-radius: 3px 3px 9px 9px; background: #0a1426; }
.mts-floating-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; min-width: 175px; padding: 10px 12px; border: 1px solid rgba(22,65,117,.13); border-radius: 12px; background: rgba(255,255,255,.95); box-shadow: 0 15px 30px rgba(15,46,86,.14); }
.mts-floating-chip > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #e9f8ef; color: #13844b; font-style: normal; font-weight: 900; }.mts-floating-chip span { display: flex; flex-direction: column; }.mts-floating-chip strong { color: #11213a; font-size: 10px; }.mts-floating-chip small { margin-top: 2px; color: #7c899c; font-size: 8px; }.mts-chip-repair { top: 16px; right: 3px; }.mts-chip-payment { bottom: 7px; left: 17px; }.mts-chip-payment > i { background: #e9f1ff; color: #1766dc; }

.mts-trust-band { border-top: 1px solid #e7eef7; border-bottom: 1px solid #e7eef7; background: #fff; }
.mts-trust-band-grid { min-height: 72px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; gap: 20px; }
.mts-trust-band span { color: #7b899e; font-size: 10px; font-weight: 750; letter-spacing: .02em; }.mts-trust-band b { display: block; color: #263852; font-size: 9px; letter-spacing: .13em; }

/* Homepage content */
.mts-home-section { padding: 104px 0; }
.mts-home-section-head { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); gap: 60px; align-items: end; margin-bottom: 46px; }
.mts-home-section-head h2, .mts-web-showcase h2, .mts-pos-feature h2, .mts-home-final h2 { margin: 10px 0 0; color: #0b1324; font-size: clamp(34px, 4vw, 53px); line-height: 1.08; letter-spacing: -.045em; }
.mts-home-section-head > p { margin: 0; color: #637188; font-size: 16px; line-height: 1.7; }.mts-home-section-head.centered { max-width: 780px; display: block; margin-inline: auto; text-align: center; }.mts-home-section-head.centered > p { max-width: 660px; margin: 17px auto 0; }
.mts-service-showcase-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.mts-modern-service-card { position: relative; min-height: 350px; display: flex; flex-direction: column; padding: 25px; overflow: hidden; border: 1px solid #dde6f1; border-radius: 19px; background: #fff; color: #14243d; text-decoration: none; box-shadow: 0 12px 30px rgba(19,49,88,.05); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.mts-modern-service-card::after { content:""; position:absolute; width:180px; height:180px; top:-105px; right:-100px; border-radius:50%; background:color-mix(in srgb, var(--mts-brand) 10%, transparent); transition: transform .25s ease; }.mts-modern-service-card:hover { transform: translateY(-7px); border-color: #b7d1f0; box-shadow: 0 24px 48px rgba(19,49,88,.12); }.mts-modern-service-card:hover::after { transform: scale(1.4); }
.mts-modern-service-card.featured { background: linear-gradient(155deg,#0b172d,#142e57); color: #fff; border-color: #17396e; }.mts-modern-service-card.featured::after { background: color-mix(in srgb, var(--mts-brand) 30%, transparent); }.mts-modern-service-card.pos { background: linear-gradient(160deg,#fff9f6,#fff); border-color: #f4dace; }
.mts-service-icon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: auto; border-radius: 13px; background: #eaf3ff; color: #1766dc; font-size: 12px; font-weight: 950; }.featured .mts-service-icon { background: rgba(255,255,255,.12); color: #7fc0ff; }.pos .mts-service-icon { background: #fff0e8; color: #dc5b22; }
.mts-modern-service-card small { margin-top: 30px; color: #697991; font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }.featured small { color: #8fa7ca; }
.mts-modern-service-card h3 { margin: 8px 0 12px; color: inherit; font-size: 23px; line-height: 1.18; letter-spacing: -.03em; }.mts-modern-service-card p { margin: 0 0 22px; color: #66748a; font-size: 13px; line-height: 1.65; }.featured p { color: #b7c5da; }.mts-modern-service-card b { margin-top: auto; color: #1766dc; font-size: 11px; }.featured b { color: #83c2ff; }.pos b { color: #d85f2d; }
.mts-card-label { position: absolute; top: 18px; right: 18px; padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.1); color: #a8d4ff; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.pos .mts-card-label { background: #fff0e8; color: #cb5726; }

.mts-web-showcase { padding: 110px 0; background: #f3f7fc; }
.mts-web-showcase-grid { display: grid; grid-template-columns: minmax(420px,1fr) minmax(0,.9fr); gap: clamp(50px,7vw,95px); align-items: center; }
.mts-web-showcase-art { position: relative; min-height: 490px; }
.mts-web-desktop { position: absolute; width: 88%; left: 0; top: 24px; overflow: hidden; border: 7px solid #12213a; border-radius: 17px; background: #fff; box-shadow: 0 35px 70px rgba(12,35,68,.2); transform: rotate(-2deg); }.mts-web-toolbar { height: 28px; display:flex; align-items:center; gap:5px; padding:0 10px; background:#15253e; }.mts-web-toolbar i { width:6px;height:6px;border-radius:50%;background:#ff6d55 }.mts-web-toolbar i:nth-child(2){background:#ffc44d}.mts-web-toolbar i:nth-child(3){background:#4ad082}
.mts-web-page { height: 335px; padding: 48px 34px; background: radial-gradient(circle at 85% 20%,#d5e8ff,transparent 30%),#f9fbff; }.mts-web-page span { color:#2e74d6;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase }.mts-web-page > b { display:block;width:75%;height:19px;margin-top:14px;border-radius:3px;background:#0e1e37 }.mts-web-page > b.short{width:52%;margin-top:8px}.mts-web-page > div { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:55px }.mts-web-page > div i{height:77px;border:1px solid #e0e8f2;border-radius:9px;background:#fff;box-shadow:0 5px 15px rgba(15,48,90,.05)}
.mts-web-phone { position: absolute; z-index: 2; width: 142px; height: 290px; right: 7px; bottom: 4px; padding: 26px 13px 13px; border: 7px solid #0b172a; border-radius: 27px; background: #f9fbff; box-shadow: 0 25px 50px rgba(10,31,60,.25); transform: rotate(5deg); }.mts-web-phone::before { content:"";position:absolute;width:40px;height:5px;top:9px;left:calc(50% - 20px);border-radius:9px;background:#24344c }.mts-web-phone div { height:70px;border-radius:9px;background:linear-gradient(145deg,#cce4ff,#f4f9ff) }.mts-web-phone span,.mts-web-phone b,.mts-web-phone i {display:block;margin-top:12px;border-radius:3px;background:#102038}.mts-web-phone span{width:80%;height:8px}.mts-web-phone b{width:55%;height:8px;margin-top:6px}.mts-web-phone i{height:46px;background:#fff;border:1px solid #e1e9f4}
.mts-web-score { position:absolute;z-index:3;left:20px;bottom:4px;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(12,38,74,.14) }.mts-web-score strong{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e7f8ef;color:#147a49;font-size:10px}.mts-web-score span{color:#65748a;font-size:10px;font-weight:800}
.mts-web-showcase-copy > p:not(.mts-overline), .mts-pos-copy > p:not(.mts-overline) { color:#647289;font-size:16px;line-height:1.75 }.mts-feature-checks { display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none }.mts-feature-checks li{display:flex;gap:12px;align-items:flex-start}.mts-feature-checks i{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#e6f6ed;color:#14804b;font-size:11px;font-style:normal;font-weight:900}.mts-feature-checks span{display:flex;flex-direction:column;color:#6c7a8e;font-size:12px;line-height:1.55}.mts-feature-checks strong{color:#17263e;font-size:13px}

/* POS feature */
.mts-pos-feature { position:relative;padding:110px 0;overflow:hidden;background:linear-gradient(135deg,#07101f,#0e2343 60%,#123666);color:#fff }.mts-pos-feature::before{content:"";position:absolute;width:600px;height:600px;right:-120px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(74,163,255,.28),transparent 68%)}.mts-pos-feature-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:90px;align-items:center}.mts-pos-feature h2{color:#fff}.mts-overline-light{color:#7ec1ff}.mts-pos-copy > p:not(.mts-overline){color:#b8c6da}.mts-pos-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:30px 0}.mts-pos-benefits > div{display:flex;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045)}.mts-pos-benefits i{color:#79bcff;font-size:9px;font-style:normal;font-weight:900}.mts-pos-benefits span{display:flex;flex-direction:column;color:#9fb0c8;font-size:11px;line-height:1.5}.mts-pos-benefits strong{color:#fff;font-size:12px}
.mts-pos-visual{position:relative;min-height:480px}.mts-pos-terminal{position:absolute;width:290px;left:70px;top:0;padding:16px 16px 0;border-radius:30px;background:linear-gradient(145deg,#253753,#0a1528);box-shadow:0 40px 80px rgba(0,0,0,.4);transform:rotate(-3deg)}.mts-terminal-camera{width:5px;height:5px;margin:0 auto 9px;border-radius:50%;background:#52617a}.mts-terminal-screen{min-height:370px;padding:23px;border-radius:18px;background:#f5f8fc;color:#102038}.mts-terminal-screen > span{color:#2374dd;font-size:11px;font-weight:950}.mts-terminal-screen > small{display:block;margin:23px 0 12px;color:#8794a7;font-size:9px}.mts-order-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #dde5ef}.mts-order-row b{font-size:11px}.mts-order-row i{font-size:11px;font-style:normal}.mts-terminal-total{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.mts-terminal-total span{color:#748298;font-size:10px}.mts-terminal-total strong{font-size:24px}.mts-terminal-screen button{width:100%;margin-top:18px;padding:12px;border:0;border-radius:9px;background:#1b76e8;color:#fff;font-size:11px;font-weight:900}.mts-terminal-base{width:112%;height:18px;margin:12px -6% -9px;border-radius:5px 5px 15px 15px;background:#081225}.mts-pos-stat,.mts-pos-secure{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(16,37,69,.94);box-shadow:0 20px 40px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.mts-pos-stat{top:45px;right:-4px;padding:15px 21px}.mts-pos-stat span,.mts-pos-stat small{display:block;color:#8fa4c2;font-size:9px}.mts-pos-stat strong{display:block;margin:3px 0;color:#fff;font-size:28px}.mts-pos-secure{display:flex;align-items:center;gap:10px;left:0;bottom:25px;padding:12px 15px}.mts-pos-secure > i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#174f43;color:#64e4a7;font-style:normal}.mts-pos-secure span{display:flex;flex-direction:column}.mts-pos-secure b{font-size:11px}.mts-pos-secure small{color:#94a7c3;font-size:9px}

.mts-process-section { background:#fff }.mts-home-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mts-home-process-grid article{position:relative;padding:28px;border:1px solid #e0e8f2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(18,48,87,.05)}.mts-home-process-grid article > span{color:#2a74db;font-size:11px;font-weight:950}.mts-home-process-grid h3{margin:35px 0 10px;color:#14233b;font-size:19px}.mts-home-process-grid p{margin:0;color:#68768b;font-size:13px;line-height:1.7}.mts-home-process-grid article::after{content:"";position:absolute;top:42px;left:28px;width:40px;height:2px;background:#dce8f6}.mts-reviews-section{background:#f5f8fc}.mts-review-widget{padding:24px;border:1px solid #e1e9f3;border-radius:18px;background:#fff}
.mts-home-final{padding:80px 0;background:linear-gradient(120deg,var(--mts-brand),#1558c6 58%,#0c2b59);color:#fff}.mts-home-final-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.mts-home-final h2{max-width:720px;color:#fff}.mts-home-final p:not(.mts-overline){margin:14px 0 0;color:#d9e8fb}.mts-home-final .mts-home-actions{justify-content:flex-end;margin:0}

/* Global service page compatibility */
.hero, .repair-hero { padding:82px 0;background:radial-gradient(800px 400px at 85% 10%,rgba(74,163,255,.22),transparent 60%),linear-gradient(135deg,#081224,#112c52);color:#fff }.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);gap:48px;align-items:center}.hero h1,.repair-hero h1{max-width:780px;margin:10px 0 15px;color:#fff;font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.045em}.hero-subtitle,.lede{max-width:720px;color:#c0cee2;font-size:18px;line-height:1.65}.hero-eyebrow,.eyebrow{color:#7fc0ff;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero-cta-row,.hero-ctas{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.hero-meta{color:#94a8c5;font-size:12px;line-height:1.6}.section,.mts-section,.repair-services,.repair-issues,.repair-process,.repair-faq,.repair-form{padding:76px 0;background:#fff;color:#15243b}.section-alt,.mts-alt{background:#f4f7fb}.section-title,.section-head{max-width:760px;margin-bottom:32px}.section-title h2,.section-head h2{margin:0 0 10px;color:#14233a;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.035em}.section-title p,.section-head p{color:#66758a;line-height:1.7}.services-grid,.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card,.card,.panel{padding:24px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;color:#15243b;box-shadow:0 10px 28px rgba(14,46,87,.06)}.service-card h3,.card h3,.panel h3{color:#13223a}.service-card p,.card p,.panel p{color:#66748a;line-height:1.7}.service-card a{color:#1766dc;font-weight:850;text-decoration:none}.btn,.btn-primary,.btn-outline,.btn-secondary,.mts-btn,.mts-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid transparent;border-radius:11px;font-weight:900;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn:hover,.btn-primary:hover,.btn-outline:hover,.mts-btn:hover,.mts-button:hover{transform:translateY(-2px)}.btn-primary,.mts-btn-primary,.mts-button-primary{background:linear-gradient(120deg,#176be1,var(--mts-brand));color:#fff;box-shadow:0 12px 25px rgba(31,111,222,.22)}.btn-outline,.btn-secondary,.mts-btn-secondary,.mts-btn-outline-dark,.mts-button-secondary{border-color:#cbd9ea;background:transparent;color:inherit}.hero .btn-outline,.repair-hero .btn-outline,.mts-page .mts-hero .mts-btn-secondary{border-color:rgba(255,255,255,.24);color:#fff}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.mts-page,.electronics-repair{background:#fff;color:#15243b}.mts-page .mts-hero{display:block;padding:82px 0;background:radial-gradient(800px 400px at 85% 10%,rgba(74,163,255,.22),transparent 60%),linear-gradient(135deg,#081224,#112c52);color:#fff}.mts-page .mts-hero h1{max-width:850px;margin:0 0 17px;color:#fff;font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.045em}.mts-page .mts-lead{max-width:800px;color:#c1cee0;font-size:18px;line-height:1.65}.mts-page .mts-subcopy{color:#99aac2;line-height:1.65}.mts-page .mts-section,.mts-page .mts-block,.mts-page .mts-gallery,.mts-page .mts-contact,.mts-page .mts-faq-section,.mts-page .mts-scope-section,.mts-page .mts-process-section,.mts-page .mts-package-section,.mts-page .mts-hosting-section,.mts-page .mts-audience-section{padding:72px 0}.mts-page .mts-alt{background:#f4f7fb}.mts-page h2{color:#13223a;font-size:clamp(29px,3.5vw,42px);letter-spacing:-.035em}.mts-page h3{color:#17263e}.mts-page p,.mts-page li{color:#5f6e84;line-height:1.75}.mts-page a{color:#1766dc}.mts-page .mts-card-grid,.mts-page .mts-cards,.mts-page .mts-grid,.mts-page .mts-gallery-grid,.mts-page .mts-info-grid,.mts-page .mts-scope-grid,.mts-page .mts-mini-grid,.mts-page .mts-contact-grid,.mts-page .mts-columns,.mts-page .mts-two-column,.mts-page .mts-service-grid,.mts-page .mts-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mts-page .mts-grid,.mts-page .mts-two-column,.mts-page .mts-columns,.mts-page .mts-contact-grid{grid-template-columns:repeat(2,1fr)}.mts-page .mts-card,.mts-page .mts-info-card,.mts-page .mts-scope-card,.mts-page .mts-price-card,.mts-page .mts-hosting-card,.mts-page .mts-gallery-card{padding:23px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(14,46,87,.06)}.mts-page img{border-radius:14px}.mts-page .mts-cta{padding:55px 0;background:linear-gradient(130deg,#0a172c,#17345e);color:#fff}.mts-page .mts-cta h2,.mts-page .mts-cta p{color:#fff}.mts-page .mts-faq,.faq,.mts-accordion{border:1px solid #dfe7f1;border-radius:14px;background:#fff;overflow:hidden}.mts-page details,.faq details{padding:17px 20px;border-bottom:1px solid #e5ebf3}.mts-page summary,.faq summary{color:#17263e;font-weight:850;cursor:pointer}
.repair-form-section{color:#15243b}.repair-form-section .cta-box{border-radius:14px!important;background:linear-gradient(130deg,#0a172c,#17345e)!important}.electronics-repair{padding-bottom:70px}.electronics-repair .repair-hero{margin-bottom:0}.electronics-repair .hero-card .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.electronics-repair .hero-card h2,.electronics-repair .hero-card li,.electronics-repair .hero-card p{color:#fff}.electronics-repair .checklist,.hero-bullets{padding-left:20px;line-height:1.8}
.mts-content{color:#15243b}.mts-entry{padding:25px;border:1px solid #e0e8f2;border-radius:16px;background:#fff}.mts-entry-title,.mts-entry-title a{color:#13213a;text-decoration:none}.mts-blog{background:#fff;color:#15243b}.mts-blog p,.mts-blog li{color:#5f6e84}.mts-blog a{color:#1766dc}

/* Footer */
.mts-site-footer{border:0;background:#07101f;color:#9eacc1}.mts-footer-grid{display:grid;grid-template-columns:1.4fr .75fr .9fr 1fr;gap:55px;padding:72px 0 55px}.mts-site-footer h2{margin:0 0 18px;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mts-site-footer ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mts-site-footer li,.mts-site-footer p{margin:0;color:#94a3ba;font-size:12px;line-height:1.75}.mts-site-footer a{color:#b9c7da;text-decoration:none}.mts-site-footer a:hover{color:#fff}.mts-brand-link-footer{margin-bottom:18px;color:#fff}.mts-brand-link-footer .mts-brand-words strong{color:#fff}.mts-footer-brand > p{max-width:300px}.mts-footer-badge{display:inline-flex;align-items:center;margin-top:20px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#b8c5d7;font-size:10px;font-weight:800}.mts-footer-contact{display:grid;align-content:start;gap:8px}.mts-footer-button{display:inline-flex;width:max-content;margin-top:12px;padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.08);color:#fff!important;font-weight:850}.mts-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}.mts-footer-bottom p{font-size:10px}

@media (max-width: 1050px){
  .mts-header-cta{display:none}.mts-menu a{padding-inline:8px}.mts-home-hero-grid{grid-template-columns:1fr 430px;gap:35px}.mts-service-showcase-grid{grid-template-columns:repeat(2,1fr)}.mts-modern-service-card{min-height:320px}.mts-pos-feature-grid{gap:40px}.mts-footer-grid{grid-template-columns:1.3fr repeat(2,1fr);gap:38px}.mts-footer-contact{grid-column:2 / -1}
}
@media (max-width: 820px){
  .admin-bar .mts-site-header{top:46px}.mts-topbar{display:none}.mts-header-inner{min-height:68px}.mts-nav-toggle{display:block;margin-left:auto}.mts-primary-nav{position:absolute;top:100%;left:20px;right:20px;display:none;padding:10px;border:1px solid #dce6f2;border-radius:14px;background:#fff;box-shadow:0 25px 45px rgba(11,29,56,.17)}.mts-nav-open .mts-primary-nav{display:block}.mts-menu{display:grid;gap:2px}.mts-menu a{padding:12px}.mts-nav-open .mts-nav-toggle-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}.mts-nav-open .mts-nav-toggle-lines i:nth-child(2){opacity:0}.mts-nav-open .mts-nav-toggle-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mts-home-hero{padding:65px 0}.mts-home-hero-grid{grid-template-columns:1fr}.mts-home-hero-copy{text-align:center}.mts-home-hero-copy h1,.mts-home-lead{margin-inline:auto}.mts-home-actions,.mts-home-proof{justify-content:center}.mts-tech-showcase{min-height:480px;max-width:570px;width:100%;margin:20px auto 0}.mts-home-section-head{grid-template-columns:1fr;gap:15px}.mts-web-showcase-grid,.mts-pos-feature-grid{grid-template-columns:1fr}.mts-web-showcase-copy{order:-1}.mts-web-showcase-art,.mts-pos-visual{max-width:560px;width:100%;margin-inline:auto}.mts-home-final-inner{grid-template-columns:1fr;text-align:center}.mts-home-final .mts-home-actions{justify-content:center}.mts-trust-band-grid{grid-template-columns:repeat(2,1fr);padding:18px 0}.mts-home-process-grid,.services-grid,.grid-3{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.mts-page .mts-card-grid,.mts-page .mts-cards,.mts-page .mts-grid,.mts-page .mts-gallery-grid,.mts-page .mts-info-grid,.mts-page .mts-scope-grid,.mts-page .mts-mini-grid,.mts-page .mts-contact-grid,.mts-page .mts-columns,.mts-page .mts-two-column,.mts-page .mts-service-grid,.mts-page .mts-trust-grid{grid-template-columns:1fr}.mts-footer-grid{grid-template-columns:repeat(2,1fr)}.mts-footer-contact{grid-column:auto}
}
@media (max-width: 580px){
  .mts-shell,.container,.mts-container{width:min(calc(100% - 28px),var(--mts-max))}.mts-home-hero{min-height:auto;padding:50px 0 45px}.mts-home-hero-copy h1{font-size:42px}.mts-home-actions{align-items:stretch}.mts-action{width:100%}.mts-home-proof{display:grid}.mts-tech-showcase{min-height:390px}.mts-browser-card{width:95%;top:30px}.mts-browser-content{min-height:250px;padding:30px 22px}.mts-browser-cards{margin-top:25px}.mts-pos-card{width:135px;bottom:15px}.mts-pos-screen{min-height:165px;padding:11px}.mts-pos-screen strong{margin-top:20px;font-size:20px}.mts-pos-bars{height:45px}.mts-floating-chip{min-width:145px;padding:8px}.mts-floating-chip>i{width:25px;height:25px}.mts-chip-repair{right:-3px}.mts-chip-payment{left:-2px}.mts-trust-band-grid{grid-template-columns:1fr}.mts-home-section,.mts-web-showcase,.mts-pos-feature{padding:75px 0}.mts-service-showcase-grid{grid-template-columns:1fr}.mts-modern-service-card{min-height:300px}.mts-web-showcase-art{min-height:375px}.mts-web-desktop{width:94%}.mts-web-page{height:270px;padding:35px 20px}.mts-web-phone{width:105px;height:220px}.mts-web-score{left:0}.mts-pos-benefits{grid-template-columns:1fr}.mts-pos-visual{min-height:390px}.mts-pos-terminal{width:230px;left:25px}.mts-terminal-screen{min-height:300px}.mts-pos-stat{right:0}.mts-home-final{padding:65px 0}.mts-home-final .mts-home-actions{width:100%}.mts-footer-grid{grid-template-columns:1fr;padding:55px 0 40px}.mts-footer-contact{grid-column:auto}.mts-footer-bottom{flex-direction:column}.hero,.repair-hero,.mts-page .mts-hero{padding:60px 0}.grid-2{grid-template-columns:1fr}
}

/* Version 1.2 Customizer-driven global controls */
body { font-size: var(--mts-body-size); }
.mts-static-header .mts-site-header { position: relative; top: auto; }
.mts-site-header { background: color-mix(in srgb, var(--mts-header-bg) 94%, transparent); }
.mts-site-header.is-scrolled { background: var(--mts-header-bg); }
.mts-site-footer { background: var(--mts-footer-bg); }
.mts-brand-link:has(.mts-custom-logo) .mts-brand-words { max-width: 230px; }
.mts-brand-link:has(.mts-custom-logo) .mts-brand-words strong { color: #0b1324; }
.mts-brand-link:has(.mts-custom-logo) .mts-brand-words small { white-space: normal; line-height: 1.25; letter-spacing: .09em; }
.mts-home-section { padding-block: var(--mts-section-pad); }
.mts-modern-service-card,
.mts-home-process-grid article,
.service-card,
.card,
.panel,
.mts-page .mts-card,
.mts-page .mts-info-card,
.mts-page .mts-scope-card,
.mts-page .mts-price-card,
.mts-page .mts-hosting-card,
.mts-page .mts-gallery-card { border-radius: var(--mts-card-radius); }
.mts-action,
.btn,
.btn-primary,
.btn-outline,
.btn-secondary,
.mts-btn,
.mts-button,
.mts-header-cta,
.mts-footer-button,
.mts-call-float,
.nf-form-cont input[type="submit"],
.nf-form-cont button {
  padding: var(--mts-btn-pad-v) var(--mts-btn-pad-h) !important;
  border-radius: var(--mts-btn-radius) !important;
  font-size: var(--mts-btn-font-size) !important;
  text-transform: var(--mts-btn-transform);
}
.mts-action-light {
  background: var(--mts-btn-light-bg) !important;
  color: var(--mts-btn-light-text) !important;
}
.mts-action-dark {
  border-color: var(--mts-btn-dark-border) !important;
  background: var(--mts-btn-dark-bg) !important;
  color: var(--mts-btn-dark-text) !important;
}
.mts-footer-button {
  background: var(--mts-btn-primary) !important;
  color: var(--mts-btn-primary-text) !important;
  box-shadow: var(--mts-btn-shadow) !important;
}
.mts-action-primary,
.btn-primary,
.mts-btn-primary,
.mts-button-primary,
.mts-header-cta,
.nf-form-cont input[type="submit"],
.nf-form-cont button {
  background: linear-gradient(120deg, var(--mts-btn-primary), var(--mts-btn-primary-end)) !important;
  color: var(--mts-btn-primary-text) !important;
  box-shadow: var(--mts-btn-shadow) !important;
}
.mts-solid-buttons .mts-action-primary,
.mts-solid-buttons .btn-primary,
.mts-solid-buttons .mts-btn-primary,
.mts-solid-buttons .mts-button-primary,
.mts-solid-buttons .mts-header-cta,
.mts-solid-buttons .nf-form-cont input[type="submit"],
.mts-solid-buttons .nf-form-cont button { background: var(--mts-btn-primary) !important; }
.mts-action-secondary,
.btn-outline,
.btn-secondary,
.mts-btn-secondary,
.mts-btn-outline-dark,
.mts-button-secondary {
  border-color: var(--mts-btn-secondary-border) !important;
  background: var(--mts-btn-secondary-bg) !important;
  color: var(--mts-btn-secondary-text) !important;
}
.mts-call-float { background: linear-gradient(120deg, var(--mts-btn-primary), var(--mts-btn-primary-end)); color: var(--mts-btn-primary-text); border-radius: var(--mts-btn-radius); }

/* English $499 Ninja Forms landing page */
.mts-499-page{background:#fff;color:#14233b}.mts-499-hero{position:relative;padding:94px 0;overflow:hidden;background:radial-gradient(720px 420px at 82% 15%,rgba(74,163,255,.26),transparent 68%),linear-gradient(135deg,#07101f,#102c53);color:#fff}.mts-499-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:70px;align-items:center}.mts-499-hero h1{max-width:780px;margin:14px 0 22px;color:#fff;font-size:clamp(45px,5.7vw,74px);line-height:1;letter-spacing:-.055em}.mts-499-hero h1 span{color:#78bcff}.mts-499-lead{max-width:700px;color:#bfd0e7;font-size:19px;line-height:1.65}.mts-499-micro{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;color:#9fb3ce;font-size:11px;font-weight:800}.mts-499-price-card{padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:var(--mts-card-radius);background:rgba(255,255,255,.075);box-shadow:0 35px 70px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.mts-499-price-card small{color:#8fc8ff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mts-499-price-card strong{display:block;margin-top:13px;font-size:76px;line-height:1;letter-spacing:-.07em}.mts-499-price-card sup{font-size:30px}.mts-499-price-card>p{margin:3px 0 20px;color:#a8b9d1}.mts-499-price-card ul{display:grid;gap:10px;margin:20px 0 25px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);list-style:none;color:#d9e4f2;font-size:12px}.mts-499-price-card li::before{content:'✓';margin-right:8px;color:#67e5a6}.mts-499-price-card .mts-action{width:100%}.mts-499-banner{padding:22px 0;border-bottom:1px solid #e4ebf4;background:#f5f9fe}.mts-499-banner .mts-shell{display:flex;justify-content:space-between;gap:30px;align-items:center}.mts-499-banner strong{color:#12223a;font-size:15px}.mts-499-banner span{color:#6b7b92;font-size:11px}.mts-499-section{padding:var(--mts-section-pad) 0}.mts-499-section-alt{background:#f4f7fb}.mts-499-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mts-499-feature-grid article{padding:27px;border:1px solid #dfe7f1;border-radius:var(--mts-card-radius);background:#fff;box-shadow:0 11px 27px rgba(16,47,87,.05)}.mts-499-feature-grid article>span{color:var(--mts-brand);font-size:10px;font-weight:950}.mts-499-feature-grid h3{margin:35px 0 10px;font-size:21px}.mts-499-feature-grid p,.mts-499-split p,.mts-499-form-grid>div>p{color:#66758b;line-height:1.7}.mts-499-split{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:start}.mts-499-split h2,.mts-499-form-grid h2{margin:10px 0 20px;color:#0d1b31;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.045em}.mts-499-scope{padding:30px;border:1px solid #dce5f0;border-radius:var(--mts-card-radius);background:#fff}.mts-499-scope h3{margin:0 0 8px}.mts-499-scope h3:not(:first-child){margin-top:25px}.mts-499-form-grid{display:grid;grid-template-columns:.8fr 1.15fr;gap:70px;align-items:start}.mts-499-note{margin-top:28px;padding:18px;border-left:4px solid var(--mts-brand);border-radius:0 var(--mts-card-radius) var(--mts-card-radius) 0;background:#f0f6fe}.mts-499-note p{margin:7px 0 0;color:#63738a;font-size:12px;line-height:1.6}.mts-499-form-card{padding:28px;border:1px solid #dce5f0;border-radius:var(--mts-card-radius);background:#fff;box-shadow:0 25px 55px rgba(16,48,89,.12)}.mts-499-consent{margin:12px 0 0;color:#78869a;font-size:10px;line-height:1.55}

/* Conversion-focused web design page */
.mts-web-sales{background:#fff;color:#14233b}.mts-web-sales-hero{position:relative;padding:100px 0;overflow:hidden;background:radial-gradient(760px 470px at 82% 14%,rgba(74,163,255,.26),transparent 65%),linear-gradient(135deg,#07101f,#102c53);color:#fff}.mts-web-sales-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:70px;align-items:center}.mts-web-sales-hero h1{max-width:790px;margin:15px 0 22px;color:#fff;font-size:clamp(45px,5.4vw,70px);line-height:1;letter-spacing:-.055em}.mts-web-sales-lead{max-width:740px;color:#c0d0e5;font-size:19px;line-height:1.67}.mts-web-sales-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:27px;color:#a7bad3;font-size:11px;font-weight:800}.mts-web-sales-window{position:relative;min-height:470px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#152943;box-shadow:0 40px 85px rgba(0,0,0,.35);transform:rotate(1.5deg)}.mts-web-sales-toolbar{height:31px;display:flex;align-items:center;gap:6px;padding:0 8px}.mts-web-sales-toolbar i{width:7px;height:7px;border-radius:50%;background:#ff7a67}.mts-web-sales-toolbar i:nth-child(2){background:#ffc44f}.mts-web-sales-toolbar i:nth-child(3){background:#4fd38a}.mts-web-sales-toolbar span{width:170px;margin:auto;padding:5px;border-radius:6px;background:#223956;color:#8195b1;font-size:7px;text-align:center}.mts-web-sales-preview{height:365px;padding:45px 30px;border-radius:13px;background:radial-gradient(circle at 85% 18%,#d6e9ff,transparent 31%),#f8fbff}.mts-web-sales-preview small{color:#2876dc;font-size:7px;font-weight:950;letter-spacing:.16em}.mts-web-sales-preview>b{display:block;width:72%;height:18px;margin-top:16px;border-radius:3px;background:#0c1b32}.mts-web-sales-preview>b.short{width:49%;margin-top:8px}.mts-web-sales-preview>p{width:58%;height:7px;margin-top:19px;border-radius:9px;background:#b7c5d7}.mts-web-sales-preview-buttons{display:flex;gap:8px;margin-top:22px}.mts-web-sales-preview-buttons i{width:75px;height:27px;border-radius:7px;background:var(--mts-brand)}.mts-web-sales-preview-buttons i+i{border:1px solid #d9e3ef;background:#fff}.mts-web-sales-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:48px}.mts-web-sales-preview-cards span{height:68px;border:1px solid #e0e8f2;border-radius:9px;background:#fff}.mts-web-sales-mobile{position:absolute;width:120px;height:245px;right:-25px;bottom:-20px;padding:28px 12px 12px;border:7px solid #091427;border-radius:28px;background:#f6f9fd;box-shadow:0 28px 50px rgba(0,0,0,.28)}.mts-web-sales-mobile>i{position:absolute;width:34px;height:4px;left:calc(50% - 17px);top:10px;border-radius:8px;background:#263852}.mts-web-sales-mobile>b{display:block;height:8px;margin:7px 0;border-radius:3px;background:#152640}.mts-web-sales-mobile>b:nth-of-type(2){width:65%}.mts-web-sales-mobile>span{display:block;height:52px;margin-top:15px;border:1px solid #e1e8f1;border-radius:8px;background:#fff}.mts-web-sales-lead-chip{position:absolute;left:-30px;bottom:-22px;padding:13px 18px;border-radius:12px;background:#fff;color:#12223a;box-shadow:0 18px 36px rgba(0,0,0,.22)}.mts-web-sales-lead-chip strong,.mts-web-sales-lead-chip small{display:block}.mts-web-sales-lead-chip strong{font-size:11px}.mts-web-sales-lead-chip small{margin-top:3px;color:#718198;font-size:8px}.mts-web-sales-section{padding:var(--mts-section-pad) 0}.mts-web-sales-problem{background:#f3f7fc}.mts-web-sales-two{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.mts-web-sales-two h2,.mts-web-sales-section .mts-home-section-head h2,.mts-web-sales-final h2{margin:10px 0 0;color:#0d1b31;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em}.mts-web-sales-two>div>p{margin:0;color:#5e6e84;font-size:16px;line-height:1.78}.mts-web-sales-checks{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}.mts-web-sales-checks li{padding:11px 13px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#34455f;font-size:12px;font-weight:750}.mts-web-sales-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mts-web-sales-card-grid article{padding:27px;border:1px solid #dfe7f1;border-radius:var(--mts-card-radius);background:#fff;box-shadow:0 10px 27px rgba(16,47,87,.05)}.mts-web-sales-card-grid article>span{color:var(--mts-brand);font-size:10px;font-weight:950}.mts-web-sales-card-grid h3{margin:34px 0 10px;font-size:20px}.mts-web-sales-card-grid p{margin:0;color:#66758b;font-size:13px;line-height:1.7}.mts-web-sales-dark{background:linear-gradient(135deg,#07101f,#102c53);color:#fff}.mts-web-sales-dark .mts-home-section-head h2,.mts-web-sales-dark h3{color:#fff}.mts-web-sales-dark .mts-home-section-head>p{color:#a9bad1}.mts-web-sales-process{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mts-web-sales-process article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:var(--mts-card-radius);background:rgba(255,255,255,.045)}.mts-web-sales-process b{color:#79bdff;font-size:10px}.mts-web-sales-process h3{margin:32px 0 9px}.mts-web-sales-process p{margin:0;color:#a9bad1;font-size:12px;line-height:1.7}.mts-web-sales-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mts-web-sales-packages article{display:flex;flex-direction:column;padding:28px;border:1px solid #dce5ef;border-radius:var(--mts-card-radius);background:#fff}.mts-web-sales-packages article.featured{border-color:#285f9f;background:linear-gradient(145deg,#0d1e38,#173963);color:#fff;transform:translateY(-10px);box-shadow:0 30px 55px rgba(15,47,87,.22)}.mts-web-sales-packages small{color:var(--mts-brand);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mts-web-sales-packages h3{margin:13px 0 10px;font-size:24px}.mts-web-sales-packages p,.mts-web-sales-packages li{color:#65748a;font-size:12px;line-height:1.65}.mts-web-sales-packages .featured p,.mts-web-sales-packages .featured li{color:#b8c8dc}.mts-web-sales-packages ul{display:grid;gap:8px;margin:20px 0 26px;padding-left:18px}.mts-web-sales-packages .mts-action{margin-top:auto}.mts-web-sales-faq{background:#f4f7fb}.mts-web-sales-accordion{display:grid;gap:10px}.mts-web-sales-accordion details{padding:18px 20px;border:1px solid #dce5ef;border-radius:12px;background:#fff}.mts-web-sales-accordion summary{color:#14243c;font-weight:850;cursor:pointer}.mts-web-sales-accordion p{margin:13px 0 0!important;font-size:13px!important}.mts-web-sales-final{padding:86px 0;background:linear-gradient(120deg,var(--mts-brand),#1558c6 60%,#0c2b59);color:#fff}.mts-web-sales-final .mts-shell{max-width:900px;text-align:center}.mts-web-sales-final h2{color:#fff}.mts-web-sales-final p:not(.mts-overline){max-width:690px;margin:17px auto 0;color:#d9e7f8;line-height:1.7}.mts-web-sales-final .mts-home-actions{justify-content:center}

@media(max-width:900px){.mts-499-hero-grid,.mts-web-sales-hero-grid{grid-template-columns:1fr}.mts-499-price-card{max-width:500px}.mts-499-split,.mts-499-form-grid,.mts-web-sales-two{grid-template-columns:1fr;gap:35px}.mts-web-sales-window{max-width:570px;width:100%;margin-inline:auto}.mts-web-sales-process{grid-template-columns:repeat(2,1fr)}.mts-web-sales-packages{grid-template-columns:1fr}.mts-web-sales-packages article.featured{transform:none}.mts-499-banner .mts-shell{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:620px){.mts-499-hero,.mts-web-sales-hero{padding:68px 0}.mts-499-feature-grid,.mts-web-sales-card-grid{grid-template-columns:1fr}.mts-web-sales-process{grid-template-columns:1fr}.mts-web-sales-window{min-height:390px}.mts-web-sales-preview{height:300px;padding:35px 20px}.mts-web-sales-mobile{width:95px;height:200px;right:-5px}.mts-web-sales-lead-chip{left:-4px}.mts-call-float{right:14px;bottom:14px}}
