/* Vistio Business v1.1.24 · Exclusivamente #planes. Identidad ónix/dorado. */
#planes.vb124-pricing-section {
  --vb124-ink:#121315;
  --vb124-gold:#e5c48b;
  --vb124-line:rgba(224,183,114,.21);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  padding-block:72px 82px;
}
#planes.vb124-pricing-section::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:6px -22px 6px;
  border-radius:34px;
  background:
    radial-gradient(ellipse 44% 65% at 9% 25%,rgba(219,171,94,.09),transparent 78%),
    radial-gradient(ellipse 43% 66% at 92% 70%,rgba(202,158,99,.08),transparent 82%),
    linear-gradient(125deg,rgba(29,27,24,.6),rgba(11,13,16,.36) 55%,rgba(28,24,20,.57));
  border:1px solid rgba(224,183,114,.09);
}
#planes.vb124-pricing-section::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:0;
  background:linear-gradient(104deg,transparent 26%,rgba(235,196,123,.018) 39%,rgba(242,207,145,.065) 49%,rgba(226,183,107,.018) 57%,transparent 70%);
  transform:translate3d(110%,0,0);
  animation:vb124-plans-shine 16s ease-in-out infinite;
}
@keyframes vb124-plans-shine {
  0%,9% {transform:translate3d(110%,0,0)}
  85%,100% {transform:translate3d(-110%,0,0)}
}
#planes .vb124-section-head {
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);
  align-items:end;
  gap:26px;
  margin-bottom:32px;
  position:relative;
}
#planes .vb124-heading-copy {min-width:0}
#planes .vb124-section-head .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#e3bd7d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2em;
}
#planes .vb124-section-head .eyebrow::after {
  content:"";
  width:42px;
  height:1px;
  background:linear-gradient(90deg,rgba(226,186,114,.65),transparent);
}
#planes .vb124-section-head h2 {
  margin:16px 0 0;
  font-size:clamp(39px,4.5vw,69px);
  line-height:1.03;
  letter-spacing:-.053em;
  color:#faf5ee;
  font-weight:750;
}
#planes .vb124-section-head h2 span {
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.03em;
  font-style:italic;
  font-weight:400;
  color:#eccb92;
}
#planes .vb124-section-head>p {
  margin:0 0 6px;
  padding:0 0 0 19px;
  border-left:2px solid rgba(222,180,111,.5);
  color:#c2b8aa;
  line-height:1.75;
  font-size:14px;
  max-width:390px;
}
#planes .vb124-plan-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:17px;
  width:100%;
  min-width:0;
  margin:0;
}
#planes .vb124-plan-grid>.vb124-tier {
  --vb124-tier-spot:rgba(205,172,115,.10);
  min-width:0;
  min-height:0;
  width:auto;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(217,181,124,.19);
  border-radius:24px;
  padding:23px 22px 21px;
  background:
    radial-gradient(ellipse 75% 48% at 96% -8%,var(--vb124-tier-spot),transparent 84%),
    linear-gradient(158deg,#1c1b1b 0%,#151617 42%,#101216 100%);
  box-shadow:0 22px 48px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.025);
  color:#f9f2e7;
  transform:none;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
#planes .vb124-tier::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:0 auto auto 0;
  height:3px;
  width:100%;
  background:linear-gradient(90deg,transparent,rgba(213,171,105,.62),transparent);
  opacity:.55;
}
#planes .vb124-tier::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  right:0;
  top:0;
  width:118px;
  height:118px;
  border:1px solid rgba(223,185,121,.075);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(225,185,112,.016),0 0 0 46px rgba(225,185,112,.012);
}
#planes .vb124-tier:hover {
  border-color:rgba(238,199,132,.52);
  box-shadow:0 30px 52px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.045);
  transform:translateY(-4px);
}
#planes .vb124-essential {
  --vb124-tier-spot:rgba(211,164,82,.22);
  border-color:rgba(233,193,122,.7) !important;
  background:
    radial-gradient(ellipse 90% 58% at 96% -8%,rgba(224,176,98,.21),transparent 85%),
    linear-gradient(155deg,#29231b,#19191a 45%,#121314) !important;
}
#planes .vb124-essential::before {
  opacity:1;
  height:4px;
  background:linear-gradient(90deg,#85602c,#f1d29b,#c09154);
}
#planes .vb124-growth {--vb124-tier-spot:rgba(190,161,102,.16)}
#planes .vb124-studio {
  --vb124-tier-spot:rgba(217,177,107,.25);
  border-color:rgba(207,161,93,.46);
  background:
    radial-gradient(ellipse 85% 50% at 95% -5%,rgba(216,168,98,.19),transparent 88%),
    linear-gradient(145deg,#24201c 0%,#18191a 51%,#131517 100%);
}
#planes .vb124-tier .vb124-tier-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 21px;
  min-height:44px;
}
#planes .vb124-tier .plan-type {
  margin:0;
  color:#d4b17b;
  font-size:10px;
  line-height:1.4;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
#planes .vb124-tier-icon {
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(223,185,121,.28);
  background:linear-gradient(145deg,rgba(227,187,122,.14),rgba(227,187,122,.03));
  color:#e9c88e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#planes .vb124-tier-icon svg {display:block;width:27px;height:27px}
#planes .vb124-tier-main {min-height:93px}
#planes .vb124-tier h3 {
  margin:0 0 8px;
  font-size:clamp(27px,2.1vw,35px);
  letter-spacing:-.055em;
  line-height:1.1;
  color:#fbf7f0;
  font-weight:750;
}
#planes .vb124-studio h3 {color:#ebcd98}
#planes .vb124-tier-main>p {
  margin:0;
  padding:0;
  font-size:13px;
  line-height:1.5;
  color:#bfb6a9;
}
#planes .vb124-tier .vb124-price {
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 18px;
  padding:0 0 22px;
  border-bottom:1px solid rgba(227,190,129,.18);
  background:none;
  color:#fbf4e9;
  font-size:clamp(32px,3.1vw,45px);
  font-weight:790;
  line-height:1;
  letter-spacing:-.055em;
  white-space:normal;
}
#planes .vb124-essential .vb124-price, #planes .vb124-studio .vb124-price {color:#f1d39f}
#planes .vb124-tier .vb124-price small {
  font-size:11px;
  line-height:1.3;
  letter-spacing:.05em;
  color:#b5a999;
  font-weight:700;
  white-space:nowrap;
}
#planes .vb124-benefit-label {
  margin:0 0 13px;
  color:#d8b983;
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
}
#planes .vb124-tier ul {
  display:flex;
  flex-direction:column;
  gap:14px;
  flex:1 0 auto;
  margin:0 0 27px;
  padding:0;
  list-style:none;
  color:#ddd5c9;
  background:none;
}
#planes .vb124-tier ul li {
  position:relative;
  display:block;
  min-width:0;
  margin:0;
  padding:0 0 0 22px;
  font-size:13px;
  line-height:1.5;
  color:#d7cec2;
  overflow-wrap:break-word;
}
#planes .vb124-tier ul li::before {
  content:"";
  position:absolute;
  left:0;
  top:5px;
  width:13px;
  height:13px;
  background-color:#dab97f;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#planes .vb124-tier .planbtn {
  flex:0 0 auto;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:49px;
  margin: auto 0 0;
  padding:12px 12px;
  border-radius:13px;
  border:1px solid rgba(215,172,104,.43);
  background:rgba(208,164,91,.075);
  color:#f0d6a6;
  font-size:13px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.02em;
  box-shadow:none;
  white-space:normal;
  text-align:center;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#planes .vb124-tier .planbtn:hover {
  background:rgba(231,189,121,.18);
  border-color:rgba(245,207,145,.8);
  color:#fff0d4;
  box-shadow:0 10px 24px rgba(0,0,0,.17);
}
#planes .vb124-tier .planbtn:focus-visible {
  outline:3px solid #f5d5a0;
  outline-offset:4px;
}
#planes .vb124-essential .planbtn {
  background:linear-gradient(115deg,#efd49e,#c3975c);
  border-color:#e9c794;
  color:#201914;
}
#planes .vb124-essential .planbtn:hover {
  background:linear-gradient(115deg,#fff0c8,#d8aa6c);
  color:#201914;
}
#planes .vb124-studio .planbtn {background:rgba(214,171,97,.12)}
#planes .vb124-tier .recommended-label {
  position:absolute;
  inset:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  height:27px;
  padding:0 8px;
  margin:0;
  transform:none;
  background:linear-gradient(90deg,#b98c4e,#ebc98c,#b98c4e);
  border-radius:0;
  color:#21170f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.19em;
  box-shadow:none;
  z-index:2;
}
#planes .vb124-essential {padding-top:44px}
#planes .vb124-pricing-footnote {
  position:relative;
  margin:25px auto 0;
  padding:13px 18px;
  max-width:740px;
  width:fit-content;
  border-radius:999px;
  border:1px solid rgba(228,192,125,.17);
  background:rgba(255,255,255,.025);
  color:#aea397;
  font-size:12px;
  line-height:1.5;
  text-align:center;
}
@media (max-width:1260px) {
 #planes .vb124-plan-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 #planes .vb124-tier-main {min-height:70px}
 #planes .vb124-tier h3 {font-size:32px}
 #planes .vb124-tier .vb124-price {font-size:44px}
 #planes .vb124-section-head h2 {font-size:clamp(40px,5vw,62px)}
}
@media (max-width:720px) {
 #planes.vb124-pricing-section {padding-block:52px 60px}
 #planes.vb124-pricing-section::before {inset:2px -8px 2px;border-radius:22px}
 #planes .vb124-section-head {grid-template-columns:1fr;gap:18px;margin-bottom:27px}
 #planes .vb124-section-head>p {max-width:100%;font-size:13px;line-height:1.6}
 #planes .vb124-plan-grid {grid-template-columns:1fr;gap:16px}
 #planes .vb124-plan-grid>.vb124-tier {padding:21px 20px 22px;border-radius:22px}
 #planes .vb124-essential {padding-top:42px !important}
 #planes .vb124-tier-main {min-height:0}
 #planes .vb124-tier .vb124-price {font-size:40px;margin-top:18px}
 #planes .vb124-tier ul {margin-bottom:26px;gap:13px}
 #planes .vb124-pricing-footnote {border-radius:18px;font-size:11px}
}
@media (max-width:380px) {
 #planes .vb124-section-head h2 {font-size:clamp(34px,9.5vw,40px)}
 #planes .vb124-tier h3 {font-size:30px}
 #planes .vb124-tier .vb124-price {font-size:36px}
}
@media (prefers-reduced-motion:reduce) {
 #planes.vb124-pricing-section::after {animation:none;transform:none;opacity:.24}
 #planes .vb124-tier,#planes .vb124-tier .planbtn {transition:none}
 #planes .vb124-tier:hover {transform:none}
}