:root {
  --mpty-ink:#161c35;
  --mpty-muted:#525a70;
  --mpty-blue:#4055e8;
  --mpty-teal:#006b60;
  --mpty-line:#dfe2ef;
  --mpty-radius:26px
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:30px
}
body {
  margin:0
}
img {
  max-width:100%;
  height:auto
}
a {
  text-underline-offset:.22em
}
/* Shared text-link treatment; buttons and linked images keep their own styles. */
.wp-site-blocks a:where(:not(.button,.wp-element-button,.wp-block-button__link,.remove)) {
  color:#344aca;
  text-decoration-color:#a6b1ee;
  text-decoration-thickness:1px;
  text-underline-offset:.24em;
  transition:color .15s ease,text-decoration-color .15s ease,background-color .15s ease
}
.wp-site-blocks a:where(:not(.button,.wp-element-button,.wp-block-button__link,.remove)):hover {
  color:#23369f;
  text-decoration-color:currentColor
}
.wp-site-blocks :is(p,li,figcaption,td) > a:where(:not(.button,.wp-element-button,.wp-block-button__link,.remove)) {
  font-weight:600
}
.wp-site-blocks .mpty-dark a:not(.wp-block-button__link) { color:#dbe4ff; text-decoration-color:#9eafe7 }
.wp-site-blocks .mpty-dark a:not(.wp-block-button__link):hover { color:#fff }
.wp-site-blocks :is(.mpty-nav,.mpty-footer-links,.mpty-text-link) a { color:var(--mpty-ink); text-decoration:none }
.wp-site-blocks :is(.mpty-nav,.mpty-footer-links,.mpty-text-link) a:hover { color:#344aca; text-decoration:underline }
a:focus-visible,button:focus-visible {
  outline:3px solid #b12c80;
  outline-offset:5px
}
p {
  margin:0 0 1.2rem
}
h1,h2,h3 {
  text-wrap:balance
}
/* Outrank WordPress's flow reset, while letting component rules refine spacing. */
.mpty-section h1,.mpty-section h2 {
  margin:0 0 24px
}
.mpty-section h3 {
  margin:0 0 14px
}
/* Restore readable flow where WordPress's zero block gap removes margins. */
.mpty-section .mpty-container > p + p,
.mpty-section .mpty-hero-copy > p + p {
  margin-block-start:16px
}
.mpty-section p + .wp-block-buttons {
  margin-block-start:28px
}
.mpty-section .mpty-container > p:not(.mpty-eyebrow) + h2,
.mpty-section .mpty-container > p:not(.mpty-eyebrow) + h3 {
  margin-block-start:40px
}
.mpty-section .mpty-container > .wp-block-buttons + h2 {
  margin-block-start:48px
}
.mpty-container > h2 + .mpty-product-grid,
.mpty-container > .mpty-lead + .mpty-product-grid {
  margin-block-start:clamp(28px,3vw,40px)
}
.mpty-section .mpty-container > .mpty-product-grid + h2 {
  margin-block-start:clamp(40px,5vw,64px)
}
h1 {
  font-size:clamp(3.2rem,6.1vw,5.7rem);
  line-height:1.02;
  letter-spacing:-.065em
}
h2 {
  font-size:clamp(2.25rem,4vw,3.7rem)
}
h3 {
  font-size:1.5rem
}
main.wp-block-group {
  margin:0
}
.mpty-container {
  width:min(1240px,calc(100% - 96px));
  margin-inline:auto
}
.mpty-section {
  padding:88px 0
}
/* Consecutive uncoloured sections belong to one reading sequence. */
.mpty-section:not(.mpty-soft,.mpty-closing,.mpty-home-hero,.mpty-sign-hero,.mpty-zen-hero,.mpty-guard-hero,.mpty-dark,.mpty-zen-band,.mpty-guard-band) + .mpty-section:not(.mpty-soft,.mpty-closing,.mpty-home-hero,.mpty-sign-hero,.mpty-zen-hero,.mpty-guard-hero,.mpty-dark,.mpty-zen-band,.mpty-guard-band) {
  padding-block-start:24px
}
.mpty-header {
  border-bottom:1px solid #e8e9f2;
  background:#fff
}
.mpty-header-inner {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:32px;
  min-height:100px
}
.mpty-logo {
  flex-shrink:0;
  line-height:1
}
.mpty-logo img {
  display:block;
  width:240px;
  height:auto;
  max-width:100%
}
.mpty-nav {
  font-size:.94rem;
  font-weight:600
}
.mpty-header .mpty-header-inner > nav.mpty-nav { margin-inline-start:auto; flex-shrink:0 }
.mpty-header-inner > .wc-block-mini-cart { flex-shrink:0 }
@media(max-width:899px) {
  .mpty-header-inner { gap:16px }
  nav.mpty-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none }
  nav.mpty-nav .wp-block-navigation__responsive-container-open { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px }
  nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open { padding:28px; background:#fff }
  nav.mpty-nav .wp-block-navigation__responsive-container-close { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center }
  nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items:flex-start; padding-top:72px }
  nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items:flex-start; gap:20px; width:100% }
  nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display:block; padding-block:8px; font-size:1.4rem }
}
@media(max-width:480px) {
  .mpty-header-inner { gap:12px }
  .mpty-header .mpty-logo img { width:160px }
}
.mpty-nav .wp-block-navigation__container {
  gap:32px
}
.mpty-eyebrow {
  font-size:.73rem;
  font-weight:750;
  letter-spacing:.14em;
  line-height:1.5;
  margin-bottom:25px
}
.mpty-hero-layout {
  display:grid;
  grid-template-columns:1.18fr 1fr;
  align-items:center;
  gap:70px
}
.mpty-home-hero {
  background:radial-gradient(ellipse at 7% 14%,#f5f1ff,transparent 55%),linear-gradient(120deg,#fff 20%,#eef3ff 100%);
  padding:95px 0 100px
}
.mpty-hero-copy .mpty-lead {
  max-width:530px
}
.mpty-lead {
  font-size:1.2rem;
  line-height:1.7;
  color:var(--mpty-muted);
  margin:24px 0 30px
}
.mpty-gradient-text {
  color:#4055e8;
  background:linear-gradient(105deg,#4055e8 5%,#8050ca 70%,#b12c80);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.mpty-teal-text {
  color:var(--mpty-teal)
}
.mpty-caption {
  font-size:.84rem;
  color:var(--mpty-muted);
  margin:23px 0 0
}
.wp-block-buttons {
  gap:12px
}
.wp-block-button__link {
  transition:background-color .18s,transform .18s,box-shadow .18s;
  min-height:50px
}
.wp-block-button__link:hover {
  transform:translateY(-2px);
  box-shadow:0 9px 20px #2330a21a;
  background:#2e40c4;
  color:#fff
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border:1px solid #b9bfd6;
  color:var(--mpty-ink);
  background:transparent
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background:#fff;
  border-color:var(--mpty-blue)
}
.mpty-showcase {
  position:relative;
  background:linear-gradient(140deg,#3b4ddd,#7960e5);
  border-radius:36px;
  padding:36px;
  box-shadow:0 30px 60px #34348425;
  isolation:isolate
}
.mpty-showcase:before {
  content:'';
  position:absolute;
  width:150px;
  height:150px;
  right:-24px;
  top:-28px;
  background:#e3f6a9;
  border-radius:50%;
  z-index:-1
}
.mpty-showcase-heading {
  color:#fff
}
.mpty-showcase-heading .mpty-eyebrow {
  opacity:.85;
  margin-bottom:12px
}
.mpty-showcase-title {
  font-size:1.7rem;
  font-weight:650;
  line-height:1.2;
  letter-spacing:-.03em;
  margin-bottom:28px
}
.mpty-mini {
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px;
  border-radius:20px;
  margin-top:13px;
  box-shadow:0 9px 25px #1018500f;
  transition:transform .2s
}
.mpty-mini:hover {
  transform:translateX(-4px)
}
.mpty-mini-sign {
  background:#e2f7eb;
  transform:rotate(-2deg)
}
.mpty-mini-zen {
  background:#e9efff;
  margin-left:16px
}
.mpty-mini-guard {
  background:#f2e8ff;
  transform:rotate(2deg)
}
.mpty-product-icon {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex-shrink:0;
  background:#fff9;
  border-radius:14px;
  font-size:1.65rem;
  font-weight:700;
  margin:0
}
.mpty-mini-copy {
  flex:1
}
.mpty-mini-copy h3 {
  font-size:1.3rem;
  margin:0 0 3px;
  letter-spacing:-.03em
}
.mpty-mini-copy p {
  font-size:.82rem;
  margin:0;
  color:#42485f
}
.mpty-arrow {
  font-size:1.6rem;
  margin:0
}
.mpty-showcase-foot {
  font-size:.78rem;
  color:#fff;
  margin:25px 0 0
}
.mpty-section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:40px
}
.mpty-section-heading h2 {
  margin:0
}
.mpty-section-heading p {
  color:var(--mpty-muted);
  margin:0;
  max-width:410px
}
.mpty-product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.mpty-card {
  border:1px solid var(--mpty-line);
  border-radius:var(--mpty-radius);
  padding:34px;
  display:flex;
  flex-direction:column
}
.mpty-card h3 {
  font-size:1.7rem;
  letter-spacing:-.045em;
  line-height:1.17
}
.mpty-card>p:not(.mpty-eyebrow) {
  color:#434c62;
  font-size:1rem
}
.mpty-card .mpty-eyebrow {
  margin-bottom:35px
}
.mpty-sign-card {
  background:#ddf4e8;
  border-color:#ddf4e8
}
.mpty-zen-card {
  background:#e6ecff;
  border-color:#e6ecff
}
.mpty-guard-card {
  background:#efe5fd;
  border-color:#efe5fd
}
.mpty-text-link {
  padding-top:30px;
  margin-top:auto;
  margin-bottom:0
}
.mpty-text-link a {
  color:var(--mpty-ink);
  font-weight:650;
  text-decoration:none
}
.mpty-text-link a:hover {
  text-decoration:underline
}
.mpty-dark {
  background:#171d38;
  color:#fff
}
.mpty-dark .mpty-lead,.mpty-dark .mpty-card>p:not(.mpty-eyebrow),.mpty-dark .mpty-feature-panel p {
  color:#c8cde1
}
.mpty-approach-layout {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:90px;
  align-items:center
}
.mpty-approach-copy .mpty-eyebrow {
  color:#d9f49b
}
.mpty-principles .mpty-card {
  border:0;
  border-bottom:1px solid #3e4460;
  border-radius:0;
  padding:24px 0
}
.mpty-principles .mpty-card:last-child {
  border-bottom:0
}
.mpty-principles .mpty-card .mpty-eyebrow {
  margin-bottom:12px;
  color:#d9f49b
}
.mpty-principles .mpty-card h3 {
  font-size:1.25rem
}
.mpty-principles .mpty-card p:last-child {
  margin:0
}
.mpty-home-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,72px);
  align-items:center
}
.mpty-home-row-reverse > .mpty-home-copy { grid-column:2; grid-row:1 }
.mpty-home-row-reverse > .mpty-preview { grid-column:1; grid-row:1 }
.mpty-home-copy .mpty-home-points { padding-left:1.2em; margin-block:24px }
.mpty-home-points li + li { margin-top:10px }
.mpty-home-copy .mpty-pricing-note { margin-top:24px }
.mpty-home-row .mpty-preview { margin-top:0 }

.mpty-home-guard .mpty-eyebrow { color:#d9f49b }
.mpty-home-guard .mpty-pricing-note { color:#c8cde1 }
.wp-site-blocks .mpty-home-guard .is-style-outline .wp-block-button__link { color:#fff; border-color:#8993b9; background:transparent }
.wp-site-blocks .mpty-home-guard .is-style-outline .wp-block-button__link:hover { background:#303a60 }
@media(max-width:800px) {
  .mpty-home-row { grid-template-columns:1fr; gap:32px }
  .mpty-home-row-reverse > .mpty-home-copy,
  .mpty-home-row-reverse > .mpty-preview { grid-column:auto; grid-row:auto }
}
.mpty-feature-layout {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:90px;
  align-items:center
}
.mpty-feature-copy>p:not(.mpty-eyebrow):not(.mpty-pill) {
  max-width:550px
}
.mpty-feature-panel {
  padding:45px;
  border-radius:30px;
  background:#242b49
}
.mpty-feature-panel h3:not(:first-child) {
  margin-top:32px
}
.mpty-feature-panel p:last-child {
  margin:0
}
.mpty-zen-panel {
  background:linear-gradient(135deg,#e9eeff,#dee5ff);
  border:1px solid #d3dcfb
}
.mpty-guard-panel {
  background:linear-gradient(135deg,#efe5ff,#f8e8f5);
  border:1px solid #e4d5f2
}
.mpty-soft {
  background:#f5f6fb
}
.mpty-pill {
  display:inline-block;
  background:#e2f7a6;
  border-radius:100px;
  padding:9px 18px;
  font-size:.86rem;
  font-weight:650;
  margin:14px 0 0
}
.mpty-closing {
  text-align:center;
  background:#e3f5ac
}
.mpty-closing h2 {
  font-size:clamp(2.5rem,5vw,4.5rem)
}
.mpty-closing .wp-block-buttons {
  justify-content:center;
  margin-top:28px
}
.mpty-footer {
  padding:55px 0;
  background:#fff
}
.mpty-footer-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px
}
.mpty-footer-links {
  display:flex;
  gap:30px;
  flex-wrap:wrap
}
.mpty-footer-links p {
  margin:0;
  font-size:.9rem
}
.mpty-footer-links a {
  color:var(--mpty-ink);
  text-decoration:none
}
.mpty-footer-links a:hover {
  text-decoration:underline
}
.mpty-sign-hero {
  background:radial-gradient(ellipse at 90% 30%,#d9f4e8,transparent 65%),#f4faf7
}
.mpty-sign-hero h1 {
  font-size:clamp(3.1rem,5.4vw,5rem)
}
.mpty-sign-preview {
  background:#fff;
  border:1px solid #cbe2d9;
  border-radius:30px;
  padding:38px;
  box-shadow:0 24px 60px #285c4312
}
.mpty-sign-preview>h2 {
  font-size:3rem
}
.mpty-sign-preview>.mpty-eyebrow {
  color:var(--mpty-teal)
}
.mpty-flow-step {
  display:flex;
  gap:17px;
  align-items:center;
  padding:22px 0;
  border-bottom:1px solid #dfebe5
}
.mpty-step-number {
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e1f4e9;
  color:var(--mpty-teal);
  width:40px;
  height:40px;
  flex-shrink:0;
  margin:0;
  font-size:.8rem;
  font-weight:700
}
.mpty-plan {
  background:#fff
}
.mpty-plan h3 {
  font-size:2.8rem
}
.mpty-price-period {
  font-size:.9rem;
  font-weight:500;
  letter-spacing:0
}
.mpty-plan-featured {
  border:2px solid var(--mpty-teal);
  background:#f1fbf5
}
.mpty-pricing-note {
  font-size:.85rem;
  color:var(--mpty-muted);
  margin-top:24px
}
.editor-styles-wrapper .mpty-container {
  width:min(1240px,calc(100% - 48px))
}
.mpty-blue-text { color:#344aca }
.mpty-product-grid.mpty-two-column { grid-template-columns:repeat(2,minmax(0,1fr)) }
@media(max-width:760px) {
  .mpty-product-grid.mpty-two-column { grid-template-columns:1fr }
}
.mpty-violet-text { color:#693dcc }
.mpty-zen-hero { background:linear-gradient(125deg,#f6f8ff,#e8edff) }
.mpty-guard-hero { background:linear-gradient(125deg,#fbf7ff,#eee5fd) }
.mpty-zen-notice { padding-top:24px; margin-top:24px; border-top:1px solid #bdc9ec }
.mpty-zen-notice .mpty-pill { margin-bottom:18px }
.mpty-section .wp-block-list { padding-left:24px; margin-block:24px 0 }
.mpty-section .wp-block-list li + li { margin-top:12px }
.mpty-preview-note { font-size:.9rem; line-height:1.6; padding:20px 24px; margin-top:32px; border-left:3px solid #7985c3; background:#ffffffb3; color:#525a70; max-width:880px }
.mpty-trial-band { padding:32px; border-radius:24px; background:#def4e8; margin-bottom:32px }
.mpty-trial-band h2 { font-size:clamp(1.8rem,3vw,2.7rem) }
.mpty-trial-band p:last-child { margin-bottom:0 }
.mpty-container > .mpty-product-grid + .wp-block-buttons { margin-top:32px }
.mpty-faq { padding:24px 0; border-bottom:1px solid #dfe2ef }
.mpty-faq summary { cursor:pointer; font-size:1.15rem; font-weight:650; padding-right:24px; line-height:1.5 }
.mpty-faq summary:focus-visible { outline:3px solid #b12c80; outline-offset:5px }
.mpty-faq > p { margin:18px 0 0; max-width:850px; color:#525a70 }
.mpty-comparison { margin:32px 0 0; overflow-x:auto; border:1px solid #dfe2ef; border-radius:18px; background:#fff }
.mpty-comparison table { width:100%; min-width:750px; border-collapse:collapse; font-size:.94rem }
.mpty-comparison th,.mpty-comparison td { padding:18px 20px; text-align:left; border:0; border-bottom:1px solid #e5e7f1; vertical-align:top }
.mpty-comparison th { color:#fff; background:#171d38; font-weight:650 }
.mpty-comparison td:first-child { font-weight:650; min-width:240px }
.mpty-comparison tbody tr:nth-child(even) { background:#f5f6fb }
.mpty-comparison td[colspan] { background:#e9edf9; color:#161c35; padding-block:16px; }
.mpty-comparison + .wp-block-buttons { margin-top:32px; }
.mpty-comparison figcaption { padding:18px 20px; text-align:left; color:#525a70; font-size:.85rem; margin:0 }
.mpty-comparison:focus-visible { outline:3px solid #b12c80; outline-offset:4px }
.mpty-comparison th:not(:first-child),.mpty-comparison td:not(:first-child) { text-align:center; vertical-align:middle; width:20% }
.mpty-comparison th { font-size:1.05rem; padding-block:24px }
.mpty-comparison-sign th:nth-child(3) { background:#006b60 }
.mpty-comparison-guard th:last-child { background:#633bab }
.mpty-comparison-sign td:nth-child(3) { background:#edf8f2 }
.mpty-comparison-guard td:last-child:not([colspan]) { background:#f3edfc }
.mpty-comparison .mpty-feature-yes { display:inline-grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#006b50; background:#d9f0e5; font-size:1.15rem; font-weight:750 }
.mpty-comparison .mpty-feature-no { color:#767c8d; font-size:1.2rem }
.mpty-feature-pending { display:inline-block; padding:4px 10px; border-radius:20px; color:#695018; background:#fff2d3; font-size:.78rem; white-space:nowrap }
.mpty-plan-summary { display:flex; flex-direction:column }
.mpty-plan.mpty-plan-summary h3 { font-size:clamp(1.65rem,2.5vw,2.3rem); line-height:1.14 }
.mpty-plan-summary > .mpty-plan-benefits { margin-block:24px 32px; padding-top:22px; border-top:1px solid #dfe2ef }
.mpty-plan-benefits p { display:flex; align-items:baseline; gap:12px; font-size:.95rem; line-height:1.5; margin:0 }
.mpty-plan-benefits p + p { margin-top:14px }
.mpty-plan-benefits p > span { color:#006b50; font-weight:750; flex-shrink:0 }
.mpty-plan-summary > .wp-block-buttons { margin-top:auto; padding-top:8px }
.mpty-guard-upgrade { border-color:#633bab; background:#f8f4ff }
.mpty-comparison-zen table { min-width:480px }
.mpty-screen-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center }
/* Consistent landscape previews. Original pixels, no tinted overlays or transforms. */
.mpty-preview { width:100%; max-width:620px; min-width:0; margin:0 auto; color:#18203a }
.mpty-preview-window { position:relative; overflow:hidden; aspect-ratio:1.6; background:transparent; border:0; border-radius:12px }
.mpty-preview-image { position:absolute; inset:0; margin:0 }
.mpty-preview-image img { position:absolute; display:block; max-width:none; height:auto; width:100%; image-rendering:auto }
.mpty-preview-panel[hidden] { display:none }
.mpty-preview-panel + .mpty-preview-panel { margin-top:20px }
.mpty-preview.is-ready .mpty-preview-panel { margin:0 }
.mpty-preview.is-ready .mpty-preview-label { display:none }
.mpty-preview-label { margin:10px 0; font-size:.85rem }
.mpty-preview .mpty-preview-caption { margin:14px 0 0; min-height:3em; font-size:.8rem; line-height:1.5; color:#50596c }
.mpty-dark .mpty-preview .mpty-preview-caption { color:#c8cde1 }
.mpty-preview-controls { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 12px }
.mpty-preview-controls button { appearance:none; cursor:pointer; font:inherit; font-size:.8rem; line-height:1.3; border:1px solid transparent; border-radius:6px; padding:8px 12px; color:#48516a; background:transparent }
.mpty-preview-controls button[aria-pressed="true"] { background:#fff; color:#18203a; border-color:#c9ceda }
.mpty-preview-controls button:hover { background:#f0f2f7; color:#18203a }
.mpty-preview-controls button:focus-visible { outline:2px solid #424cf0; outline-offset:3px }
.mpty-dark .mpty-preview-controls button { color:#d8dced }
.mpty-dark .mpty-preview-controls button[aria-pressed="true"], .mpty-dark .mpty-preview-controls button:hover { color:#18203a }
.mpty-preview-crop { position:absolute; overflow:hidden; left:50%; top:50%; translate:-50% -50% }
.mpty-preview.is-ready .mpty-preview-description { display:none }
.live-zen-controls .mpty-preview-crop { width:96.00000%; aspect-ratio:620/300 }
.live-zen-controls .mpty-preview-crop img { width:204.03226%; left:-28.22581%; top:-54.00000% }
.live-zen-context .mpty-preview-crop { width:80.65574%; aspect-ratio:820/610 }
.live-zen-context .mpty-preview-crop img { width:154.26829%; left:0.00000%; top:-5.24590% }
.live-sign-flow .mpty-preview-crop { width:96.00000%; aspect-ratio:760/251.8125 }
.live-sign-flow .mpty-preview-crop img { width:189.47368%; left:-44.73684%; top:-112.77820% }
.live-sign-details .mpty-preview-crop { width:72.75265%; aspect-ratio:760/626.78125 }
.live-sign-details .mpty-preview-crop img { width:189.47368%; left:-44.73684%; top:-37.72748% }
.live-sign-rules .mpty-preview-crop { width:96.00000%; aspect-ratio:760/330.125 }
.live-sign-rules .mpty-preview-crop img { width:189.47368%; left:-44.73684%; top:-81.96391% }
.live-sign-consent .mpty-preview-crop { width:96.00000%; aspect-ratio:760/364.125 }
.live-sign-consent .mpty-preview-crop img { width:189.47368%; left:-44.73684%; top:-169.36722% }
.live-sign-sign .mpty-preview-crop { width:96.00000%; aspect-ratio:760/366.8333435058594 }
.live-sign-sign .mpty-preview-crop img { width:189.47368%; left:-44.73684%; top:-22.76238% }
.live-sign-admin .mpty-preview-crop { width:96.00000%; aspect-ratio:1230/550 }
.live-sign-admin .mpty-preview-crop img { width:102.84553%; left:0.00000%; top:-5.81818% }
.live-sign-search .mpty-preview-crop { width:96.00000%; aspect-ratio:1005/108 }
.live-sign-search .mpty-preview-crop img { width:125.87065%; left:-20.00000%; top:-416.66667% }
.preview-promotion img { width:100%; left:0; top:0 }
.preview-guard img { width:130%; left:0; top:-4% }
.preview-guard-detail img { width:205%; left:-23%; top:-113% }
.preview-admin img { width:125%; left:0; top:-4% }
.preview-admin-detail img { width:175%; left:-16%; top:-35% }
.mpty-screen-followup { margin-top:56px }
.mpty-preview + .wp-block-buttons { margin-top:28px }
@media(max-width:760px) {
  .mpty-screen-layout { grid-template-columns:1fr; gap:32px }
  .mpty-screen-followup { margin-top:40px }
  .mpty-preview-controls button { min-height:44px }
}

@media(min-width:1600px) {
  .mpty-home-hero {
    padding-block:120px
  }
}
@media(max-width:1000px) {
  .mpty-container {
    width:calc(100% - 56px)
  }
  .mpty-hero-layout {
    gap:35px;
    grid-template-columns:1.1fr 1fr
  }
  .mpty-showcase {
    padding:26px
  }
  .mpty-mini {
    padding:18px;
    gap:12px
  }
  .mpty-card {
    padding:25px
  }
  .mpty-section {
    padding:72px 0
  }
  .mpty-feature-layout,.mpty-approach-layout {
    gap:45px
  }
  .mpty-section-heading {
    align-items:start
  }
  .mpty-feature-panel {
    padding:30px
  }
  .mpty-card h3 {
    font-size:1.45rem
  }
}
@media(max-width:760px) {
  .mpty-container {
    width:calc(100% - 40px)
  }
  .mpty-section {
    padding:56px 0
  }
  .mpty-header-inner {
    min-height:85px
  }
  .mpty-logo img {
    width:200px
  }
  .mpty-hero-layout,.mpty-feature-layout,.mpty-approach-layout {
    grid-template-columns:1fr;
    gap:44px
  }
  .mpty-hero-copy {
    max-width:580px
  }
  .mpty-showcase {
    max-width:500px;
    width:calc(100% - 16px);
    margin:0 auto
  }
  .mpty-showcase:before {
    right:-10px;
    top:-18px;
    width:110px;
    height:110px
  }
  .mpty-product-grid {
    grid-template-columns:1fr
  }
  .mpty-section-heading {
    display:block
  }
  .mpty-section-heading p {
    margin-top:20px
  }
  .mpty-card {
    padding:30px
  }
  .mpty-card h3 {
    font-size:1.8rem
  }
  .mpty-card .mpty-eyebrow {
    margin-bottom:22px
  }
  .mpty-text-link {
    padding-top:15px
  }
  .mpty-footer-inner {
    align-items:start;
    flex-direction:column
  }
  .mpty-footer-links {
    gap:22px
  }
  .mpty-sign-preview {
    padding:28px
  }
  .mpty-plan h3 {
    font-size:2.8rem
  }
  .mpty-nav .wp-block-navigation__responsive-container.is-menu-open {
    padding:28px
  }
  .mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    align-items:flex-start;
    gap:28px
  }
  .mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items:flex-start
  }
}
@media(max-width:390px) {
  h1,.mpty-sign-hero h1 {
    font-size:2.85rem
  }
  .mpty-container {
    width:calc(100% - 32px)
  }
  .mpty-mini {
    padding:14px
  }
  .mpty-product-icon {
    width:38px;
    height:38px
  }
  .mpty-showcase {
    padding:23px
  }
  .mpty-mini-copy p {
    font-size:.77rem
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important
  }
  .mpty-mini:hover,.wp-block-button__link:hover {
    transform:none
  }
}

/* Uploaded replacement screenshots use the same fixed frame as captured views. */
.mpty-preview-window > .wp-block-image:not(.mpty-preview-image) { position:absolute; inset:0; margin:0; width:100%; height:100% }
.mpty-preview-window > .wp-block-image:not(.mpty-preview-image) img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; object-position:center; border-radius:0 }

/* Sign steps share one full-width, top-aligned viewport, even for tall forms. */
.mpty-preview-sign .mpty-preview-window { background:#fff }
.mpty-preview-sign .mpty-preview-window > .wp-block-image:not(.mpty-preview-image) { overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b9c8c4 #fff; scrollbar-gutter:stable }
.mpty-preview-sign .mpty-preview-window > .wp-block-image:not(.mpty-preview-image) img { height:auto; object-position:top left }
.mpty-preview-sign .live-sign-admin .mpty-preview-crop { width:100%; left:0; top:0; translate:none }

/* Product pages give screenshots a full row; homepage previews stay compact. */
.mpty-preview.mpty-preview-large { max-width:1000px; margin-inline:auto }
.mpty-screen-layout:has(> .mpty-preview-large), .mpty-hero-layout:has(> .mpty-preview-large) { grid-template-columns:minmax(0,1fr); gap:40px }
.mpty-screen-layout:has(> .mpty-preview-large) > .mpty-screen-copy, .mpty-hero-layout:has(> .mpty-preview-large) > .mpty-hero-copy { max-width:780px }
.mpty-container > .mpty-preview-large, .mpty-screen-followup > .mpty-preview-large { margin-top:32px }

/* A closer fit for the landscape Zen captures, without a white letterbox. */
.mpty-preview-zen .mpty-preview-window { aspect-ratio:1.73 }

/* Native menu dropdown: align with the header and keep links comfortably spaced. */
@media(min-width:900px){
 nav.mpty-nav .wp-block-navigation__submenu-container{border:1px solid #e0e3ee;border-radius:16px;background:#fff;box-shadow:0 12px 32px #161c3514;padding:10px;min-width:190px;gap:2px}
 nav.mpty-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:12px 16px;border-radius:9px;width:100%}
 nav.mpty-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#f3f2fc;color:#293dbb}
}
nav.mpty-nav .wp-block-navigation-submenu__toggle{min-width:28px;min-height:32px}
nav.mpty-nav a:focus-visible,nav.mpty-nav button:focus-visible{outline:2px solid #4055e8;outline-offset:4px}
@media(max-width:899px){
 nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:8px 0 0 20px;gap:4px;border-left:2px solid #e0e3ee;align-items:flex-start}
 nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:1.1rem}
}
@media(max-width:899px){
 nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child{align-items:flex-start;width:100%}
 nav.mpty-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-inline:20px 0;min-width:0;width:100%;border-left:2px solid #e0e3ee}
}

/* Navigation uses colour and background feedback rather than underlines. */
.wp-site-blocks nav.mpty-nav a,
.wp-site-blocks nav.mpty-nav a:is(:hover,:focus,:active),
.wp-site-blocks nav.mpty-nav .wp-block-navigation-item__label{text-decoration:none}
.mpty-footer-menu{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;list-style:none;padding:0;margin:0;font-size:.9rem}
.mpty-footer-menu li{margin:0;list-style:none}
.mpty-footer-menu .sub-menu{list-style:none;margin:8px 0 0;padding-left:16px}
.mpty-footer-menu a:focus-visible{outline:2px solid #4055e8;outline-offset:4px}

/* Predictable screenshot crops: no nested scrolling; originals are untouched. */
.mpty-preview-sign .mpty-preview-window > .wp-block-image:not(.mpty-preview-image){overflow:hidden;scrollbar-gutter:auto}
.mpty-preview-sign .mpty-preview-window > .wp-block-image:not(.mpty-preview-image) img{height:100%;object-fit:cover;object-position:50% 0}
.mpty-preview .mpty-adjustable-frame{aspect-ratio:1.6;background:#fff;overflow:hidden}
.mpty-preview .mpty-adjustable-frame > .mpty-adjustable-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0}

/* Product pages explain each screen; homepage previews retain their compact tabs. */
.mpty-walkthrough{width:100%;max-width:1240px;margin-inline:auto;display:grid;gap:64px}
.mpty-walkthrough-step{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);align-items:start;gap:40px;padding-top:32px;border-top:1px solid #dfe3ee}
.mpty-walkthrough-copy h3{font-size:clamp(1.4rem,2vw,2rem);margin:16px 0}
.mpty-walkthrough-copy p{margin:0;color:var(--mpty-muted,#566079);line-height:1.65}
.mpty-walkthrough-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #dfe3ee;color:#293dbb;font-weight:700}
.mpty-walkthrough-image{margin:0;overflow:hidden;border:1px solid #dfe3ee;border-radius:14px;background:#fff;box-shadow:0 12px 36px #161c3508}
.mpty-walkthrough-image img{display:block;width:100%;height:auto;max-width:100%;border-radius:0}
@media(max-width:760px){.mpty-walkthrough{gap:40px}.mpty-walkthrough-step{grid-template-columns:1fr;gap:24px}}
.mpty-screen-layout:has(> .mpty-walkthrough){display:block}
.mpty-screen-layout > .mpty-walkthrough{margin-top:40px}
.mpty-screen-layout:has(> .mpty-walkthrough) > :not(.mpty-walkthrough){max-width:850px}