/* MaxDent Website v97 — Pricing/payment presentation only.
   No checkout, pricing, Worker, D1, or licensing behavior is changed here. */

body.mx4-pricing-shell .mx97-selector-simple{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:1040px;
  margin-inline:auto;
}
body.mx4-pricing-shell .mx97-selector-simple>div:first-child{
  max-width:900px!important;
  margin-inline:auto;
  text-align:center;
}
body.mx4-pricing-shell .mx97-selector-simple>div:first-child>p{
  max-width:76ch!important;
  margin-inline:auto;
}

body.mx4-pricing-shell .mx97-launch-strip{gap:9px}
body.mx4-pricing-shell .mx97-hero-actions{
  align-items:center;
  gap:12px;
}
body.mx4-pricing-shell .mx97-hero-actions>a{
  min-width:176px;
  justify-content:center;
}
body.mx4-pricing-shell .mx97-hero-actions .btn{
  box-shadow:0 12px 32px rgba(201,151,72,.13);
}
body.mx4-pricing-shell .mx97-online-actions{
  justify-content:center;
  align-items:center;
  gap:12px;
}
body.mx4-pricing-shell .mx97-online-actions>a{
  min-width:210px;
  justify-content:center;
}

body.mx4-pricing-shell .mx97-payment{
  position:relative;
  overflow:hidden;
  padding-top:66px;
  padding-bottom:72px;
}
body.mx4-pricing-shell .mx97-payment:before{
  content:"";
  position:absolute;
  inset:10% 8% auto;
  height:260px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 20%,rgba(205,157,79,.09),transparent 68%);
  filter:blur(10px);
}
body.mx4-pricing-shell .mx97-payment-head{
  position:relative;
  z-index:1;
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}
body.mx4-pricing-shell .mx97-payment-head p{max-width:66ch;margin-inline:auto}

body.mx4-pricing-shell .mx97-xpay-panel{
  position:relative;
  z-index:1;
  margin-top:28px;
  padding:26px;
  border:1px solid rgba(231,194,127,.2);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    linear-gradient(180deg,#11100f,#080808);
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
body.mx4-pricing-shell .mx97-xpay-panel:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(228,186,111,.055) 50%,transparent 80%);
  transform:translateX(-60%);
  animation:mx97PaymentSweep 9s ease-in-out infinite;
}

body.mx4-pricing-shell .mx97-xpay-heading{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:22px;
}
body.mx4-pricing-shell .mx97-xpay-heading>div:first-child span,
body.mx4-pricing-shell .mx97-xpay-heading>div:first-child strong{
  display:block;
}
body.mx4-pricing-shell .mx97-xpay-heading>div:first-child span{
  color:#ddbd81;
  font-size:.78rem;
  font-weight:900;
  margin-bottom:4px;
}
body.mx4-pricing-shell .mx97-xpay-heading>div:first-child strong{
  color:#f2e9dc;
  font-size:1.05rem;
  line-height:1.7;
}

body.mx4-pricing-shell .mx97-secure-chip{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:min(100%,370px);
  padding:11px 14px;
  border:1px solid rgba(85,126,255,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(36,44,92,.26),rgba(255,255,255,.02));
}
body.mx4-pricing-shell .mx97-secure-chip>img{
  width:72px;
  height:38px;
  object-fit:contain;
  border-radius:9px;
}
body.mx4-pricing-shell .mx97-secure-chip span,
body.mx4-pricing-shell .mx97-secure-chip b,
body.mx4-pricing-shell .mx97-secure-chip small{display:block}
body.mx4-pricing-shell .mx97-secure-chip b{color:#f3eadf;font-size:.82rem}
body.mx4-pricing-shell .mx97-secure-chip small{color:#9e968d;font-size:.67rem;line-height:1.55;margin-top:3px}

body.mx4-pricing-shell .mx97-xpay-methods{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px;
}
body.mx4-pricing-shell .mx97-pay-card{
  min-width:0;
  padding:14px 12px 13px;
  text-align:center;
  border:1px solid rgba(231,194,127,.14);
  border-radius:20px;
  background:linear-gradient(160deg,#151311,#0a0909);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
body.mx4-pricing-shell .mx97-pay-card:hover{
  transform:translateY(-4px);
  border-color:rgba(231,194,127,.34);
  box-shadow:0 15px 34px rgba(0,0,0,.22),0 0 24px rgba(206,159,81,.055);
}
body.mx4-pricing-shell .mx97-logo-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  height:74px;
  padding:8px 12px;
  margin-bottom:8px;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  animation:mx97PaymentBreath 5.8s ease-in-out infinite;
}
body.mx4-pricing-shell .mx97-pay-card:nth-child(2) .mx97-logo-frame{animation-delay:.35s}
body.mx4-pricing-shell .mx97-pay-card:nth-child(3) .mx97-logo-frame{animation-delay:.7s}
body.mx4-pricing-shell .mx97-pay-card:nth-child(4) .mx97-logo-frame{animation-delay:1.05s}
body.mx4-pricing-shell .mx97-pay-card:nth-child(5) .mx97-logo-frame{animation-delay:1.4s}
body.mx4-pricing-shell .mx97-logo-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
body.mx4-pricing-shell .mx97-pay-card b{
  color:#eee4d7;
  font-size:.78rem;
  letter-spacing:.01em;
}

body.mx4-pricing-shell .mx97-alt-payments{
  position:relative;
  z-index:1;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(231,194,127,.1);
}
body.mx4-pricing-shell .mx97-alt-title{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:12px;
}
body.mx4-pricing-shell .mx97-alt-title span{color:#e6d2af;font-size:.83rem;font-weight:900}
body.mx4-pricing-shell .mx97-alt-title small{color:#847d74;font-size:.68rem}
body.mx4-pricing-shell .mx97-alt-grid .mx4-payment-card{
  min-height:102px;
  padding:14px;
  background:linear-gradient(160deg,#0f0e0d,#080808);
}
body.mx4-pricing-shell .mx97-alt-grid .mx4-payment-card img{width:68px;height:58px}

@keyframes mx97PaymentBreath{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(208,163,87,0)}
  50%{transform:translateY(-2px);box-shadow:0 7px 20px rgba(208,163,87,.08)}
}
@keyframes mx97PaymentSweep{
  0%,35%{transform:translateX(-70%);opacity:0}
  50%{opacity:1}
  65%,100%{transform:translateX(70%);opacity:0}
}

@media(max-width:980px){
  body.mx4-pricing-shell .mx97-xpay-heading{align-items:stretch;flex-direction:column}
  body.mx4-pricing-shell .mx97-secure-chip{min-width:0;width:100%}
  body.mx4-pricing-shell .mx97-xpay-methods{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  body.mx4-pricing-shell .mx97-payment{padding-top:48px;padding-bottom:54px}
  body.mx4-pricing-shell .mx97-xpay-panel{padding:16px;border-radius:22px}
  body.mx4-pricing-shell .mx97-xpay-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.mx4-pricing-shell .mx97-logo-frame{height:68px;padding:8px}
  body.mx4-pricing-shell .mx97-alt-title{display:block}
  body.mx4-pricing-shell .mx97-alt-title small{display:block;margin-top:3px}
  body.mx4-pricing-shell .mx97-hero-actions>a,
  body.mx4-pricing-shell .mx97-online-actions>a{min-width:0;width:100%}
}
@media(max-width:420px){
  body.mx4-pricing-shell .mx97-xpay-methods{grid-template-columns:1fr 1fr}
  body.mx4-pricing-shell .mx97-secure-chip{align-items:flex-start}
  body.mx4-pricing-shell .mx97-secure-chip>img{width:62px;height:34px}
}
@media(prefers-reduced-motion:reduce){
  body.mx4-pricing-shell .mx97-logo-frame,
  body.mx4-pricing-shell .mx97-xpay-panel:after{animation:none!important}
  body.mx4-pricing-shell .mx97-pay-card{transition:none!important}
}