/* ==========================================================================
   LedgerDomain - XATP Magic Portal page redesign
   Loaded only on /xatp-magic-portal. Scoped under body.ld-magic-page.
   ========================================================================== */

body.ld-magic-page{
  --mp-navy:#051964;
  --mp-navy-2:#0e2f9e;
  --mp-blue:#6991F0;
  --mp-blue-soft:#e8eefd;
  --mp-coral:#F55064;
  --mp-coral-soft:#ffe7ea;
  --mp-ink:#051964;
  --mp-muted:#56689b;
  --mp-bg-soft:#f4f6fb;
  --mp-line:#e4e9f5;
  --mp-sans:'Chivo', Arial, Helvetica, sans-serif;
  --mp-mono:'Chivo Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --mp-maxw:1366px;
}

body.ld-magic-page .fusion-page-title-bar{display:none !important;}
body.ld-magic-page #content{
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  margin:0 !important;
}
body.ld-magic-page #main{padding:0 !important;background:none !important;}
body.ld-magic-page .fusion-sidebar,
body.ld-magic-page .has-sidebar .fusion-sidebar{display:none !important;}

body.ld-magic-page .ld-mp{
  font-family:var(--mp-sans);
  color:var(--mp-ink);
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
body.ld-magic-page .ld-mp-hero,
body.ld-magic-page .ld-mp-trust,
body.ld-magic-page .ld-mp-section,
body.ld-magic-page .ld-mp-cta{
  font-family:var(--mp-sans);
  color:var(--mp-ink);
  -webkit-font-smoothing:antialiased;
}
body.ld-magic-page .ld-mp *{box-sizing:border-box;}
body.ld-magic-page .ld-mp-hero *,
body.ld-magic-page .ld-mp-trust *,
body.ld-magic-page .ld-mp-section *,
body.ld-magic-page .ld-mp-cta *{box-sizing:border-box;}
body.ld-magic-page .ld-mp a{text-decoration:none;}
body.ld-magic-page .ld-mp-hero a,
body.ld-magic-page .ld-mp-trust a,
body.ld-magic-page .ld-mp-section a,
body.ld-magic-page .ld-mp-cta a{text-decoration:none;}
body.ld-magic-page .ld-mp img{max-width:100%;display:block;}
body.ld-magic-page .ld-mp-hero img,
body.ld-magic-page .ld-mp-trust img,
body.ld-magic-page .ld-mp-section img,
body.ld-magic-page .ld-mp-cta img{max-width:100%;display:block;}
body.ld-magic-page .ld-mp-wrap{
  max-width:var(--mp-maxw);
  margin-left:auto;
  margin-right:auto;
  padding-left:28px;
  padding-right:28px;
}

body.ld-magic-page .ld-mp-eyebrow,
body.ld-magic-page .ld-mp-label{
  font-family:var(--mp-mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
}
body.ld-magic-page .ld-mp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#c9d8ff;
  background:rgba(105,145,240,.16);
  border:1px solid rgba(105,145,240,.42);
  padding:7px 14px;
  border-radius:999px;
}
body.ld-magic-page .ld-mp-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mp-coral);
  box-shadow:0 0 0 4px rgba(245,80,100,.25);
}
body.ld-magic-page .ld-mp-label{
  display:inline-block;
  color:var(--mp-blue);
  margin:0 0 14px;
}
body.ld-magic-page .ld-mp-title{
  color:#fff !important;
  font-family:var(--mp-sans) !important;
  font-size:58px !important;
  font-weight:900 !important;
  line-height:1.04 !important;
  letter-spacing:0 !important;
  margin:20px 0 16px;
}
body.ld-magic-page .ld-mp-h2{
  color:var(--mp-navy) !important;
  font-family:var(--mp-sans) !important;
  font-size:38px !important;
  font-weight:900 !important;
  line-height:1.14 !important;
  letter-spacing:0 !important;
  margin:0 0 14px;
}
body.ld-magic-page .ld-mp-standfirst{
  color:#d6e1ff;
  font-size:19px;
  line-height:1.6;
  font-weight:300;
  max-width:640px;
  margin:0;
}
body.ld-magic-page .ld-mp-copy p,
body.ld-magic-page .ld-mp-proof-copy p{
  color:var(--mp-muted);
  font-size:16.5px;
  line-height:1.66;
  margin:0 0 18px;
}

/* Hero */
body.ld-magic-page .ld-mp-hero{
  position:relative;
  min-height:660px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background-color:var(--mp-navy);
  background-image:
    linear-gradient(90deg,#041450 0%,rgba(5,25,100,.98) 35%,rgba(5,25,100,.82) 56%,rgba(5,25,100,.18) 100%),
    linear-gradient(125deg,#041450 0%,var(--mp-navy) 34%,var(--mp-navy-2) 80%,#2a52c9 120%);
}
body.ld-magic-page .ld-mp-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:22px 22px;
  opacity:.42;
  z-index:1;
}
/* Text-protect scrim ABOVE the hero art (art is z0, copy is z2). Keeps the
   headline legible at every width without ghosting the whole image. */
body.ld-magic-page .ld-mp-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(90deg,#041450 0%,rgba(5,25,100,.96) 36%,rgba(5,25,100,.6) 54%,rgba(5,25,100,0) 74%);
}
/* 2026-07-06: new hero art (magic-portal.png, 1456x1210, transparent bg) —
   sized by hero height instead of width, floating cards on the navy. */
body.ld-magic-page .ld-mp-hero-art{
  position:absolute;
  right:clamp(-10px,2vw,56px);
  top:50%;
  transform:translateY(-50%);
  height:94%;
  width:auto;
  min-width:0;
  max-width:none;
  opacity:.96;
  z-index:0;
  filter:drop-shadow(0 34px 64px rgba(2,10,44,.55));
}
body.ld-magic-page .ld-mp-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  padding-top:88px;
  padding-bottom:92px;
}
body.ld-magic-page .ld-mp-hero-copy{max-width:720px;}
body.ld-magic-page .ld-mp-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:30px;
}
body.ld-magic-page .ld-mp-hero-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:42px;
  max-width:520px;
}
body.ld-magic-page .ld-mp-hero-stats div{
  padding:18px 18px 17px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);
  border-radius:8px;
  min-width:0;
}
body.ld-magic-page .ld-mp-hero-stats strong{
  display:block;
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:1;
  margin:0 0 8px;
}
body.ld-magic-page .ld-mp-hero-stats span{
  display:block;
  color:#b8c8f3;
  font-size:13px;
  line-height:1.42;
}

/* Trust strip */
body.ld-magic-page .ld-mp-trust{
  background:#fff;
  border-bottom:1px solid var(--mp-line);
}
body.ld-magic-page .ld-mp-trust-inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px 28px;
  padding-top:22px;
  padding-bottom:22px;
}
body.ld-magic-page .ld-mp-trust span{
  font-family:var(--mp-mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
  color:var(--mp-muted);
}
body.ld-magic-page .ld-mp-trust b{
  position:relative;
  color:var(--mp-navy);
  font-size:14.5px;
  font-weight:900;
  padding-left:16px;
}
body.ld-magic-page .ld-mp-trust b::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mp-blue);
}

/* Sections */
body.ld-magic-page .ld-mp-section{padding:78px 0;background:#fff;}
body.ld-magic-page .ld-mp-section-soft{background:var(--mp-bg-soft);}
body.ld-magic-page .ld-mp-head{
  max-width:780px;
  margin:0 auto 42px;
  text-align:center;
}
body.ld-magic-page .ld-mp-head p{
  color:var(--mp-muted);
  font-size:16.5px;
  line-height:1.65;
  margin:0;
}

body.ld-magic-page .ld-mp-op-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:54px;
  align-items:center;
}
body.ld-magic-page .ld-mp-checks{
  list-style:none;
  margin:22px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.ld-magic-page .ld-mp-checks li{
  position:relative;
  color:#34446f;
  font-size:15.5px;
  line-height:1.52;
  padding-left:31px;
}
body.ld-magic-page .ld-mp-checks li::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:20px;
  height:20px;
  border-radius:7px;
  background:var(--mp-coral-soft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F55064' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
}

/* Product queue mock */
body.ld-magic-page .ld-mp-console{
  background:#fff;
  border:1px solid var(--mp-line);
  border-radius:8px;
  box-shadow:0 34px 80px -48px rgba(5,25,100,.65);
  overflow:hidden;
}
body.ld-magic-page .ld-mp-console-top{
  display:flex;
  align-items:center;
  gap:7px;
  padding:12px 16px;
  background:#eef2fc;
  border-bottom:1px solid var(--mp-line);
}
body.ld-magic-page .ld-mp-console-top span{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#cdd5ec;
}
body.ld-magic-page .ld-mp-console-top span:nth-child(1){background:#ff6058;}
body.ld-magic-page .ld-mp-console-top span:nth-child(2){background:#ffbe2e;}
body.ld-magic-page .ld-mp-console-top span:nth-child(3){background:#2aca44;}
body.ld-magic-page .ld-mp-console-top b{
  margin-left:10px;
  color:var(--mp-muted);
  font-family:var(--mp-mono);
  font-size:11.5px;
  font-weight:800;
}
body.ld-magic-page .ld-mp-console-body{padding:24px;}
body.ld-magic-page .ld-mp-console-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
body.ld-magic-page .ld-mp-console-kicker{
  display:block;
  color:var(--mp-blue);
  font-family:var(--mp-mono);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  margin:0 0 5px;
}
body.ld-magic-page .ld-mp-console-head strong{
  color:var(--mp-navy);
  font-size:22px;
  font-weight:900;
}
body.ld-magic-page .ld-mp-console-head em{
  color:#0f8f45;
  background:#def7e9;
  border:1px solid #b9edcf;
  border-radius:999px;
  font-style:normal;
  font-size:12px;
  font-weight:900;
  padding:5px 10px;
}
body.ld-magic-page .ld-mp-ticket{
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:14px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid var(--mp-line);
}
body.ld-magic-page .ld-mp-ticket span{
  color:var(--mp-muted);
  font-family:var(--mp-mono);
  font-size:13px;
  font-weight:800;
}
body.ld-magic-page .ld-mp-ticket b{
  color:var(--mp-navy);
  font-size:15px;
  font-weight:900;
}
body.ld-magic-page .ld-mp-ticket i{
  border-radius:999px;
  background:var(--mp-blue-soft);
  color:var(--mp-navy-2);
  font-size:12px;
  font-style:normal;
  font-weight:900;
  padding:5px 10px;
  white-space:nowrap;
}
body.ld-magic-page .ld-mp-ticket.is-hot i{background:var(--mp-coral-soft);color:var(--mp-coral);}
body.ld-magic-page .ld-mp-ticket.is-good i{background:#def7e9;color:#0f8f45;}

/* Workflow cards */
body.ld-magic-page .ld-mp-workflows{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
body.ld-magic-page .ld-mp-card{
  background:#fff;
  border:1px solid var(--mp-line);
  border-radius:8px;
  padding:26px 22px;
  box-shadow:0 26px 56px -44px rgba(5,25,100,.58);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
body.ld-magic-page .ld-mp-card:hover{
  transform:translateY(-4px);
  border-color:#cfd9f4;
  box-shadow:0 32px 62px -40px rgba(5,25,100,.62);
}
body.ld-magic-page .ld-mp-ic{
  width:48px;
  height:48px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--mp-navy);
  background:var(--mp-blue-soft);
  margin:0 0 17px;
}
body.ld-magic-page .ld-mp-ic svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Icon fallback (kses-proof) -- added 2026-07-03.
   The workflow icons originally lived as inline <svg> in the page body, but
   WordPress kses strips inline SVG whenever the page is re-saved in Avada
   Builder, which empties the .ld-mp-ic boxes. These rules redraw the same four
   line icons from CSS so they survive future layout edits. They apply ONLY when
   the icon box is empty (:empty), so a fresh magic-apply.php that restores the
   inline SVG still wins and icons are never doubled. Icons are keyed to card
   order: 1 Verification, 2 Trace, 3 Exception, 4 Credentialed access. */
body.ld-magic-page .ld-mp-ic:empty::before{
  content:"";
  display:block;
  width:24px;
  height:24px;
  background-color:currentColor;
  -webkit-mask:var(--ld-ic) center/contain no-repeat;
  mask:var(--ld-ic) center/contain no-repeat;
}
body.ld-magic-page .ld-mp-workflows .ld-mp-card:nth-child(1) .ld-mp-ic{--ld-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2011l3%203%208-8'/%3E%3Cpath%20d='M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11'/%3E%3C/svg%3E");} /* Verification requests */
body.ld-magic-page .ld-mp-workflows .ld-mp-card:nth-child(2) .ld-mp-ic{--ld-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207h18M6%207v13h12V7'/%3E%3Cpath%20d='M9%2011h6M9%2015h4'/%3E%3Cpath%20d='M8%204h8'/%3E%3C/svg%3E");} /* Trace requests */
body.ld-magic-page .ld-mp-workflows .ld-mp-card:nth-child(3) .ld-mp-ic{--ld-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%209v4'/%3E%3Cpath%20d='M12%2017h.01'/%3E%3Cpath%20d='M10%203h4l8%2014-2%204H4l-2-4z'/%3E%3C/svg%3E");} /* Exception reporting */
body.ld-magic-page .ld-mp-workflows .ld-mp-card:nth-child(4) .ld-mp-ic{--ld-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202l8%204v6c0%205-3.5%208-8%2010-4.5-2-8-5-8-10V6z'/%3E%3Cpath%20d='M9%2012l2%202%204-4'/%3E%3C/svg%3E");} /* Credentialed access */

body.ld-magic-page .ld-mp-card h3{
  color:var(--mp-navy) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  margin:0 0 10px;
}
body.ld-magic-page .ld-mp-card p{
  color:var(--mp-muted);
  font-size:14.5px;
  line-height:1.58;
  margin:0;
}

/* Product video */
body.ld-magic-page .ld-mp-product{
  color:#fff;
  background-color:var(--mp-navy);
  background-image:linear-gradient(135deg,#041450 0%,var(--mp-navy) 56%,var(--mp-navy-2) 100%);
}
body.ld-magic-page .ld-mp-product .ld-mp-label{color:#9fb6f7;}
body.ld-magic-page .ld-mp-product .ld-mp-h2{color:#fff !important;}
body.ld-magic-page .ld-mp-product .ld-mp-copy p{color:#cfdbff;}
body.ld-magic-page .ld-mp-product-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:52px;
  align-items:center;
}
body.ld-magic-page .ld-mp-video{
  overflow:hidden;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18);
  background:#04123f;
  box-shadow:0 42px 90px -48px rgba(0,0,0,.78);
}
body.ld-magic-page .ld-mp-video video{
  display:block;
  width:100%;
  height:auto;
}
body.ld-magic-page .ld-mp-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:24px;
}
body.ld-magic-page .ld-mp-mini-grid div{
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  padding:18px;
  background:rgba(255,255,255,.06);
}
body.ld-magic-page .ld-mp-mini-grid strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:900;
  margin:0 0 6px;
}
body.ld-magic-page .ld-mp-mini-grid span{
  display:block;
  color:#b8c8f3;
  font-size:13px;
  line-height:1.45;
}

/* Trace proof */
body.ld-magic-page .ld-mp-proof-grid{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:52px;
  align-items:center;
}
body.ld-magic-page .ld-mp-proof-copy{max-width:560px;}
body.ld-magic-page .ld-mp-shot-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
body.ld-magic-page .ld-mp-shot-grid figure{
  margin:0;
  background:#fff;
  border:1px solid var(--mp-line);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 30px 70px -48px rgba(5,25,100,.65);
}
body.ld-magic-page .ld-mp-shot-grid img{
  width:100%;
  height:440px;
  object-fit:cover;
  object-position:top center;
}
body.ld-magic-page .ld-mp-shot-grid figcaption{
  color:var(--mp-navy);
  border-top:1px solid var(--mp-line);
  font-size:13.5px;
  font-weight:900;
  padding:12px 14px;
  background:#fff;
}

/* Stack */
body.ld-magic-page .ld-mp-stack{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
body.ld-magic-page .ld-mp-stack-card{
  display:flex;
  min-height:260px;
  flex-direction:column;
  align-items:flex-start;
  background:var(--mp-bg-soft);
  border:1px solid var(--mp-line);
  border-radius:8px;
  padding:24px 22px;
  overflow:hidden;
}
body.ld-magic-page .ld-mp-stack-card img{
  width:auto;
  max-width:104px;
  max-height:86px;
  object-fit:contain;
  margin:0 0 18px;
}
body.ld-magic-page .ld-mp-stack-card:nth-child(3) img{
  max-width:180px;
  max-height:102px;
  margin-bottom:12px;
}
body.ld-magic-page .ld-mp-stack-card h3{
  color:var(--mp-navy) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  margin:0 0 10px;
}
body.ld-magic-page .ld-mp-stack-card p{
  color:var(--mp-muted);
  font-size:14.5px;
  line-height:1.55;
  margin:0;
}
body.ld-magic-page .ld-mp-stack-card-dark{
  background:linear-gradient(145deg,var(--mp-navy),var(--mp-navy-2));
  color:#fff;
  border-color:transparent;
}
body.ld-magic-page .ld-mp-stack-card-dark h3{color:#fff !important;}
body.ld-magic-page .ld-mp-stack-card-dark p{color:#d6e1ff;}
body.ld-magic-page .ld-mp-stack-card-dark a{
  color:#fff !important;
  font-size:14px;
  font-weight:900;
  margin-top:auto;
}

/* CTA */
body.ld-magic-page .ld-mp-cta{
  background:linear-gradient(180deg,#f8faff 0%,#edf2ff 100%);
  padding:78px 0;
}
body.ld-magic-page .ld-mp-cta-inner{
  text-align:center;
  max-width:880px;
}
body.ld-magic-page .ld-mp-cta p{
  color:var(--mp-muted);
  font-size:17px;
  line-height:1.62;
  max-width:650px;
  margin:0 auto 26px;
}
body.ld-magic-page .ld-mp-actions-center{justify-content:center;}
body.ld-magic-page .ld-mp-docs{
  margin:22px 0 0 !important;
  font-size:14px !important;
}
body.ld-magic-page .ld-mp-docs a{
  color:var(--mp-navy) !important;
  font-weight:900;
}

@media (min-width:1422px){
  body.ld-magic-page .ld-mp-wrap{
    padding-left:0;
    padding-right:0;
  }
}

@media (max-width:1120px){
  body.ld-magic-page .ld-mp-hero-art{
    height:82%;
    right:-140px;
    opacity:.6;
  }
  body.ld-magic-page .ld-mp-workflows,
  body.ld-magic-page .ld-mp-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:920px){
  body.ld-magic-page .ld-mp-hero{
    min-height:auto;
  }
  body.ld-magic-page .ld-mp-hero-art{
    height:auto;
    width:640px;
    right:-300px;
    opacity:.18;
    filter:none;
  }
  body.ld-magic-page .ld-mp-title{
    font-size:46px !important;
  }
  body.ld-magic-page .ld-mp-h2{
    font-size:32px !important;
  }
  body.ld-magic-page .ld-mp-op-grid,
  body.ld-magic-page .ld-mp-product-grid,
  body.ld-magic-page .ld-mp-proof-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  body.ld-magic-page .ld-mp-proof-copy{max-width:none;}
}

@media (max-width:680px){
  body.ld-magic-page .ld-mp-wrap{
    padding-left:20px;
    padding-right:20px;
  }
  body.ld-magic-page .ld-mp-hero-inner{
    padding-top:62px;
    padding-bottom:66px;
  }
  body.ld-magic-page .ld-mp-title{
    font-size:38px !important;
  }
  body.ld-magic-page .ld-mp-h2{
    font-size:28px !important;
  }
  body.ld-magic-page .ld-mp-standfirst,
  body.ld-magic-page .ld-mp-cta p{
    font-size:17px;
  }
  body.ld-magic-page .ld-mp-section,
  body.ld-magic-page .ld-mp-cta{
    padding-top:56px;
    padding-bottom:58px;
  }
  body.ld-magic-page .ld-mp-hero-stats,
  body.ld-magic-page .ld-mp-mini-grid,
  body.ld-magic-page .ld-mp-shot-grid,
  body.ld-magic-page .ld-mp-workflows,
  body.ld-magic-page .ld-mp-stack{
    grid-template-columns:1fr;
  }
  body.ld-magic-page .ld-mp-ticket{
    grid-template-columns:60px 1fr;
  }
  body.ld-magic-page .ld-mp-ticket i{
    grid-column:2;
    justify-self:start;
  }
  body.ld-magic-page .ld-mp-shot-grid img{
    height:360px;
  }
  body.ld-magic-page .ld-mp-actions .ld-btn{
    width:100%;
  }
}

/* ==========================================================================
   2026-07-05 conversion pass — compatible-systems strip + manufacturer
   proof band. Content lives in xatp-magic-portal-fusion-content.txt.
   ========================================================================== */

/* Compatible-systems strip (below the trust strip, near the top) */
body.ld-magic-page .ld-mp-compat{
  background:#fff;
  border-bottom:1px solid var(--mp-line);
  font-family:var(--mp-sans);
  color:var(--mp-ink);
}
body.ld-magic-page .ld-mp-compat *{box-sizing:border-box;}
body.ld-magic-page .ld-mp-compat-inner{
  padding-top:26px;
  padding-bottom:30px;
  text-align:center;
}
body.ld-magic-page .ld-mp-compat-head{
  font-family:var(--mp-mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--mp-coral);
  margin:0 0 6px;
}
body.ld-magic-page .ld-mp-compat-sub{
  color:var(--mp-muted);
  font-size:15px;
  line-height:1.55;
  margin:0 0 18px;
}
body.ld-magic-page .ld-mp-compat-sub b{color:var(--mp-navy);font-weight:700;}
body.ld-magic-page .ld-mp-compat-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:18px 34px;
}
body.ld-magic-page .ld-mp-compat-grid img{
  height:30px;
  width:auto;
  max-width:120px;
  object-fit:contain;
  display:inline-block;
  filter:grayscale(1);
  opacity:.62;
  transition:filter .18s ease,opacity .18s ease;
}
body.ld-magic-page .ld-mp-compat-grid img:hover{filter:none;opacity:1;}

/* Manufacturer proof band (qualitative; no invented metrics) */
body.ld-magic-page .ld-mp-proofband{
  max-width:860px;
  text-align:center;
}
body.ld-magic-page .ld-mp-proofband p{
  color:var(--mp-muted);
  font-size:16.5px;
  line-height:1.65;
  margin:14px auto 22px;
  max-width:720px;
}
body.ld-magic-page .ld-mp-proofband-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
body.ld-magic-page .ld-mp-proofband-chips span{
  display:inline-flex;
  align-items:center;
  font-family:var(--mp-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--mp-navy);
  background:var(--mp-blue-soft);
  border:1px solid #cdd9f6;
  padding:6px 13px;
  border-radius:100px;
  white-space:nowrap;
}
body.ld-magic-page .ld-mp-proofband-chips span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mp-coral);
  margin-right:8px;
  flex:none;
}

@media(max-width:640px){
  body.ld-magic-page .ld-mp-compat-grid{gap:14px 22px;}
  body.ld-magic-page .ld-mp-compat-grid img{height:24px;max-width:96px;}
}