/* MaxDent launch refresh — pricing, trial CTA, and unified button language */

:root{
  --mx-btn-primary-a:#2f8d63;
  --mx-btn-primary-b:#67c58e;
  --mx-btn-gold-a:#f0b94c;
  --mx-btn-gold-b:#c98928;
}

/* Two button families only: violet primary and gold glass secondary. */
.btn,
.ghost-btn,
.new-price-card>a,
.international-cta>a,
.choice-note>a,
.menu-btn,
.floating-whatsapp{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:46px!important;
  padding:11px 20px!important;
  border-radius:14px!important;
  text-decoration:none!important;
  font:inherit!important;
  font-weight:900!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  transition:transform .26s cubic-bezier(.2,.75,.25,1),box-shadow .26s ease,border-color .26s ease,filter .26s ease!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
}

.btn,
.new-price-card>a,
.choice-note>a,
.floating-whatsapp{
  color:#fff!important;
  border:1px solid rgba(144,224,184,.58)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 46%),
    linear-gradient(135deg,rgba(47,141,99,.96),rgba(103,197,142,.90))!important;
  box-shadow:0 14px 32px rgba(47,141,99,.24),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(18,62,44,.40)!important;
}

.ghost-btn,
.international-cta>a,
.menu-btn{
  color:#ffe6a8!important;
  border:1px solid rgba(240,185,76,.52)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 44%),
    linear-gradient(135deg,rgba(240,185,76,.18),rgba(201,137,40,.09))!important;
  box-shadow:0 10px 26px rgba(201,137,40,.12),inset 0 1px 0 rgba(255,255,255,.17)!important;
}

.btn::before,
.ghost-btn::before,
.new-price-card>a::before,
.international-cta>a::before,
.choice-note>a::before,
.menu-btn::before,
.floating-whatsapp::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-4px -34%!important;
  background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.58) 49%,rgba(255,255,255,.18) 55%,transparent 68%)!important;
  transform:translateX(-90%) skewX(-17deg)!important;
  transition:transform .72s cubic-bezier(.2,.68,.23,1)!important;
  pointer-events:none!important;
}

.btn:hover,
.ghost-btn:hover,
.new-price-card>a:hover,
.international-cta>a:hover,
.choice-note>a:hover,
.menu-btn:hover,
.floating-whatsapp:hover{
  transform:translateY(-3px)!important;
  filter:brightness(1.08)!important;
}
.btn:hover,
.new-price-card>a:hover,
.choice-note>a:hover,
.floating-whatsapp:hover{
  box-shadow:0 18px 42px rgba(47,141,99,.34),0 0 24px rgba(103,197,142,.18),inset 0 1px 0 rgba(255,255,255,.44)!important;
}
.ghost-btn:hover,
.international-cta>a:hover,
.menu-btn:hover{
  box-shadow:0 16px 34px rgba(201,137,40,.20),0 0 24px rgba(240,185,76,.14),inset 0 1px 0 rgba(255,255,255,.23)!important;
}
.btn:hover::before,
.ghost-btn:hover::before,
.new-price-card>a:hover::before,
.international-cta>a:hover::before,
.choice-note>a:hover::before,
.menu-btn:hover::before,
.floating-whatsapp:hover::before{
  transform:translateX(90%) skewX(-17deg)!important;
}
.btn:active,
.ghost-btn:active,
.new-price-card>a:active,
.international-cta>a:active,
.choice-note>a:active,
.menu-btn:active,
.floating-whatsapp:active{transform:translateY(-1px) scale(.985)!important}

/* Preserve the floating utility while using the same primary visual language. */
.floating-whatsapp{
  width:54px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
  border-radius:16px!important;
}
.menu-btn{padding:8px 12px!important;min-height:42px!important}

/* Pricing: one structure for home and dedicated pricing page. */
.new-pricing-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:30px!important;
  align-items:stretch!important;
}
.international-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.new-price-card{
  --accent-rgb:111,87,255;
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:30px 24px 24px!important;
  border-radius:26px!important;
  border:1px solid rgba(var(--accent-rgb),.48)!important;
  background:
    radial-gradient(circle at 85% -5%,rgba(var(--accent-rgb),.20),transparent 38%),
    linear-gradient(150deg,rgba(19,25,48,.98),rgba(7,12,26,.98))!important;
  box-shadow:0 22px 60px rgba(var(--accent-rgb),.10),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transform:none!important;
}
.new-price-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.94),transparent);
  opacity:.95;
}
.new-price-card::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  border-radius:50%;
  left:-95px;
  bottom:-105px;
  background:rgba(var(--accent-rgb),.09);
  filter:blur(2px);
  pointer-events:none;
}
.new-price-card.plan-monthly{--accent-rgb:112,109,156}
.new-price-card.plan-annual{--accent-rgb:105,118,170}
.new-price-card.plan-two-year{--accent-rgb:128,111,166}
.new-price-card.plan-lifetime{--accent-rgb:171,146,93}

.new-price-card .launch-badge{
  position:absolute!important;
  top:12px!important;
  left:14px!important;
  z-index:2!important;
  max-width:calc(100% - 28px)!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.88),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.23)!important;
  box-shadow:0 8px 18px rgba(var(--accent-rgb),.16),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:.63rem!important;
  font-weight:900!important;
  transform:rotate(-5deg)!important;
  transform-origin:center!important;
}
html[dir="rtl"] .new-price-card .launch-badge{left:14px!important;right:auto!important}
html[dir="ltr"] .new-price-card .launch-badge{right:14px!important;left:auto!important;transform:rotate(5deg)!important}

.new-price-card .plan-name{padding-top:30px!important}
.new-price-card .plan-name span{font-size:1.08rem!important;font-weight:900!important;color:#f6f7ff!important}
.new-price-card .plan-name em{margin-top:6px!important;color:rgba(var(--accent-rgb),.98)!important;font-style:normal!important;font-size:.72rem!important;font-weight:800!important}
.new-price-card .plan-old-price{
  display:block!important;
  width:max-content!important;
  margin:22px 0 3px!important;
  color:#9099b7!important;
  font-size:.98rem!important;
  font-weight:800!important;
  text-decoration-color:rgba(255,108,127,.95)!important;
  text-decoration-thickness:2px!important;
  opacity:.9!important;
}
.new-price-card .plan-price{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2.15rem,3.5vw,3rem)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  text-shadow:0 0 28px rgba(var(--accent-rgb),.14)!important;
}
.new-price-card .plan-price small{font-size:.72rem!important;color:#aeb7d3!important;letter-spacing:0!important}
.new-price-card .plan-period{margin:8px 0 17px!important;min-height:22px!important;color:rgba(var(--accent-rgb),.98)!important;font-size:.74rem!important;font-weight:800!important}
.new-price-card .plan-summary{color:#9ea9c7!important;line-height:1.75!important;font-size:.78rem!important;min-height:56px!important;margin:0 0 20px!important;flex:1!important}
.new-price-card ul{list-style:none!important;padding:0!important;margin:0 0 22px!important;display:grid!important;gap:10px!important;flex:1!important}
.new-price-card li{position:relative!important;padding-inline-start:19px!important;color:#aab4d0!important;font-size:.78rem!important;line-height:1.7!important}
.new-price-card li::before{content:"✓"!important;position:absolute!important;inset-inline-start:0!important;color:rgba(var(--accent-rgb),1)!important;font-weight:900!important}
.new-price-card>a{margin-top:auto!important;width:100%!important}

.pricing-subhead{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:30px;
  padding:0 4px;
}
.pricing-subhead span{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(171,146,93,.11);
  color:#e6d5ad;
  border:1px solid rgba(171,146,93,.24);
  font-size:.72rem;
  font-weight:900;
}
.pricing-subhead b{font-size:.86rem;color:#d8def4}
.pricing-subhead-intl{margin-top:44px}

.international-pricing-section{
  background:
    radial-gradient(circle at 50% 0,rgba(90,70,190,.09),transparent 34%),
    #080c17!important;
}
.international-cta{border-color:rgba(226,184,91,.19)!important;background:linear-gradient(145deg,rgba(28,23,26,.95),rgba(11,16,31,.96))!important}

/* Dedicated pricing hero */
.pricing-hero-card{
  background:
    radial-gradient(circle at 50% 10%,rgba(240,185,76,.18),transparent 45%),
    linear-gradient(155deg,#2b210f,#0a1423)!important;
  border-color:rgba(240,185,76,.52)!important;
}
.pricing-hero-card>b{color:#ffe4a6!important;text-shadow:0 0 30px rgba(240,185,76,.16)!important}

/* Trial promo: lightweight on desktop and static on small screens. */
.trial-promo-section{padding-top:34px!important;padding-bottom:34px!important}
.trial-launch-box{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,330px);
  align-items:center;
  gap:38px;
  padding:38px clamp(24px,4vw,48px);
  border-radius:32px;
  border:1px solid rgba(118,153,130,.34);
  background:
    radial-gradient(circle at 10% 20%,rgba(62,122,95,.20),transparent 34%),
    radial-gradient(circle at 92% 10%,rgba(226,184,91,.15),transparent 32%),
    linear-gradient(145deg,rgba(14,17,38,.98),rgba(7,10,24,.98));
  box-shadow:0 28px 75px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.02) inset;
  animation:trialGlow 5.8s ease-in-out infinite alternate;
}
.trial-launch-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(116deg,transparent 25%,rgba(255,255,255,.035) 47%,transparent 65%);
  transform:translateX(-45%);
  animation:trialSheen 8s ease-in-out infinite;
  pointer-events:none;
}
.trial-copy,.trial-action{position:relative;z-index:2}
.trial-kicker{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(226,184,91,.12);
  border:1px solid rgba(226,184,91,.30);
  color:#ffe09a;
  font-size:.73rem;
  font-weight:900;
}
.trial-kicker strong{display:inline-block;font-size:1.6em;line-height:1;margin-inline-end:.28rem;color:#fff2c5;text-shadow:0 0 18px rgba(255,223,145,.24)}
.mx-ltr{display:inline-block;direction:ltr;unicode-bidi:isolate;font-variant-ligatures:none}
.trial-copy h2{margin:14px 0 10px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.25;letter-spacing:-.035em}
.trial-copy p{margin:0;color:#aab5d1;line-height:1.9;max-width:820px}
.trial-points{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:18px}
.trial-points span{font-size:.75rem;color:#d6dcf2;font-weight:800}
.trial-action{display:flex;flex-direction:column;gap:11px;align-items:stretch}
.trial-action .trial-download-btn{min-height:58px!important;text-align:center!important}
.trial-action small{color:#9da7c4;line-height:1.65;text-align:center;font-size:.69rem}
.trial-orbit{position:absolute;inset:0;pointer-events:none;opacity:.5}
.trial-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d8cdff;box-shadow:0 0 16px rgba(177,150,255,.8)}
.trial-orbit i:nth-child(1){top:21%;left:6%;animation:starFloat 4.6s ease-in-out infinite alternate}
.trial-orbit i:nth-child(2){top:68%;left:49%;animation:starFloat 5.2s ease-in-out .8s infinite alternate}
.trial-orbit i:nth-child(3){top:19%;right:18%;animation:starFloat 4.9s ease-in-out 1.3s infinite alternate}

.activation-trial-hero .safe-callout{border-color:rgba(118,153,130,.26)!important;background:linear-gradient(145deg,rgba(18,33,27,.90),rgba(10,15,29,.94))!important}

@keyframes trialGlow{
  from{box-shadow:0 28px 75px rgba(0,0,0,.28),0 0 18px rgba(62,122,95,.04)}
  to{box-shadow:0 30px 82px rgba(0,0,0,.32),0 0 34px rgba(62,122,95,.10)}
}
@keyframes trialSheen{
  0%,55%{transform:translateX(-55%)}
  86%,100%{transform:translateX(55%)}
}
@keyframes starFloat{from{transform:translate3d(0,0,0);opacity:.35}to{transform:translate3d(0,-9px,0);opacity:1}}

@media (max-width:980px){
  .new-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .international-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .trial-launch-box{grid-template-columns:1fr;gap:24px}
  .trial-action{max-width:430px;width:100%}
}

@media (max-width:767px){
  .new-pricing-grid,.international-card-grid{grid-template-columns:1fr!important;gap:18px!important}
  .new-price-card{padding:29px 20px 21px!important;border-radius:22px!important}
  .new-price-card .launch-badge{font-size:.59rem!important;top:11px!important}
  .pricing-subhead{align-items:flex-start;flex-direction:column;gap:7px;margin-top:24px}
  .pricing-subhead-intl{margin-top:36px}
  .trial-launch-box{padding:28px 20px;border-radius:24px;animation:none!important}
  .trial-launch-box::before,.trial-orbit i{animation:none!important}
  .trial-copy h2{font-size:1.8rem}
  .trial-action{max-width:none}
  .trial-action .trial-download-btn{min-height:54px!important}
  .btn,.ghost-btn,.new-price-card>a,.international-cta>a,.choice-note>a{width:100%;min-height:48px!important}
  .nav-actions .btn,.nav-actions .ghost-btn{width:auto!important}
}

@media (prefers-reduced-motion:reduce){
  .trial-launch-box,.trial-launch-box::before,.trial-orbit i{animation:none!important}
  .btn,.ghost-btn,.new-price-card>a,.international-cta>a,.choice-note>a,.menu-btn,.floating-whatsapp{transition:none!important}
  .btn::before,.ghost-btn::before,.new-price-card>a::before,.international-cta>a::before,.choice-note>a::before,.menu-btn::before,.floating-whatsapp::before{transition:none!important}
}
