/* ARIFE commerce v303 — market, pricing, license and product surfaces */
html body.market-v227,
html body.pricing-page,
html body.enterprise-license-page,
html body.product-personal-flow,
html body.product-business-flow,
html body:has([data-license-center]),
html body:has(.pay-wrap){
  --commerce-blue:#6796e9;
  --commerce-ice:#b9d3ff;
  --commerce-violet:#7b6ddc;
  --commerce-line:#34445c;
  background:
    radial-gradient(circle at 12% 9%,rgba(74,111,197,.09),transparent 25%),
    radial-gradient(circle at 88% 34%,rgba(109,91,198,.07),transparent 28%),
    #080c13!important;
}

/* Market */
html body.market-v227 .market-hero-refined{
  min-height:455px!important;
  border-color:#34465f!important;
  background:
    radial-gradient(circle at 76% 25%,rgba(87,124,206,.17),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),
    linear-gradient(145deg,#121a27,#080c13 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 0 #04060a,0 28px 55px rgba(0,0,0,.3)!important;
}
html body.market-v227 .market-hero h1 em{
  color:transparent!important;
  background:linear-gradient(105deg,#c7dbff,#7ea7ef 48%,#9483e9)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
html body.market-v227 .market-hero-side,
html body.market-v227 .market-role-dock,
html body.market-v227 .market-toolbar,
html body.market-v227 .market-tags-wrap{
  border-color:#35465e!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 48%),
    rgba(10,15,24,.88)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 5px 0 #04060a,0 18px 34px rgba(0,0,0,.24)!important;
}
html body.market-v227 .market-side-head small,
html body.market-v227 .market-card-foot strong,
html body.market-v227 .market-seller span:first-child,
html body.market-v227 .market-count{color:#a9c8ff!important}
html body.market-v227 .market-tag{
  border-color:#334157!important;
  background:linear-gradient(145deg,#151e2d,#0b1019)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 0 #05070b!important;
}
html body.market-v227 .market-tag.active{
  border-color:#9ec2fb!important;
  background:
    radial-gradient(circle at 78% 0,rgba(255,255,255,.2),transparent 30%),
    linear-gradient(135deg,#426fbd,#596fc9 54%,#7466cd)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #24376d,0 12px 24px rgba(42,72,142,.27)!important;
  color:#fff!important;
}
html body.market-v227 .market-card{
  border-color:#344158!important;
  background:
    radial-gradient(circle at 86% 0,rgba(102,144,222,.07),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 43%),
    linear-gradient(145deg,#131b28,#090d14 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 6px 0 #04060a,0 22px 40px rgba(0,0,0,.27)!important;
}
html body.market-v227 .market-card:hover{
  border-color:#6689c8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 0 #04060a,0 34px 52px rgba(0,0,0,.34)!important;
}
html body.market-v227 .market-detail,
html body.market-v227 #preview-to-contract,
html body.market-v227 .contract-submit{
  border-color:#a8c9ff!important;
  background:
    radial-gradient(circle at 78% 0,rgba(255,255,255,.23),transparent 31%),
    linear-gradient(135deg,#477fdf,#5777d7 49%,#7465d1)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.31),inset 0 -6px 12px rgba(15,30,83,.24),0 5px 0 #263f86,0 16px 29px rgba(36,78,170,.3)!important;
  color:#fff!important;
  text-shadow:0 2px 5px rgba(12,25,65,.35)!important;
}
html body.market-v227 .market-detail:hover,
html body.market-v227 #preview-to-contract:hover,
html body.market-v227 .contract-submit:hover{
  transform:translateY(-2px)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.37),0 8px 0 #263f86,0 22px 36px rgba(36,78,170,.36)!important;
}
html body.market-v227 .contract-result.show{
  padding:15px!important;
  border:1px solid #405a82!important;
  border-radius:14px!important;
  display:grid!important;
  gap:12px!important;
  background:rgba(42,76,143,.12)!important;
  color:#d7e5ff!important;
}
.contract-result .contract-review-v303{
  width:100%;
  min-height:43px;
  border:1px solid #9dbff8;
  border-radius:11px;
  background:linear-gradient(135deg,#436fbd,#665fc1);
  box-shadow:inset 0 1px rgba(255,255,255,.26),0 4px 0 #203665,0 12px 22px rgba(32,65,133,.27);
  color:#fff;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
}

/* Pricing */
html body.pricing-page .pricing-shell{width:min(1280px,calc(100% - 52px))!important}
html body.pricing-page .pricing-hero{
  border-bottom-color:#34445b!important;
  background:
    radial-gradient(circle at 83% 24%,rgba(100,137,218,.15),transparent 27%),
    linear-gradient(145deg,#111925,#080c13 70%)!important;
}
html body.pricing-page .pricing-eyebrow,
html body.pricing-page .pricing-controls small,
html body.pricing-page .pricing-card-head small,
html body.pricing-page .pricing-topup summary small{color:#92b7f2!important}
html body.pricing-page .pricing-hero h1 span{
  color:transparent!important;
  background:linear-gradient(105deg,#c5daff,#7da7ef 50%,#9484e8)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
html body.pricing-page .pricing-principle,
html body.pricing-page .pricing-fit,
html body.pricing-page .pricing-topup{
  border-color:#34445b!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),#0c121c!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 5px 0 #04060a,0 18px 34px rgba(0,0,0,.22)!important;
}
html body.pricing-page .pricing-cycle{
  border-color:#37475e!important;
  background:#0a1019!important;
}
html body.pricing-page .pricing-cycle button.active,
html body.pricing-page [data-fit-plan].active{
  border-color:#9ec2fb!important;
  background:linear-gradient(135deg,#416ebd,#665fc2)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 3px 0 #22386d,0 10px 21px rgba(42,72,142,.25)!important;
  color:#fff!important;
}
html body.pricing-page .pricing-card{
  border-color:#35445b!important;
  background:
    radial-gradient(circle at 87% 0,rgba(98,138,218,.1),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 43%),
    linear-gradient(145deg,#141c29,#090d14 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 7px 0 #04060a,0 24px 43px rgba(0,0,0,.27)!important;
}
html body.pricing-page .pricing-card.pro{
  border-color:#6f83c7!important;
  background:
    radial-gradient(circle at 82% 0,rgba(117,101,210,.19),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.05),transparent 42%),
    linear-gradient(145deg,#182239,#0a0e18 74%)!important;
}
html body.pricing-page .pricing-card:hover{
  transform:translateY(-7px)!important;
  border-color:#7699d7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 12px 0 #04060a,0 36px 58px rgba(0,0,0,.35)!important;
}
html body.pricing-page .pricing-price strong,
html body.pricing-page .pricing-credit strong{color:#c0d7ff!important}
html body.pricing-page .pricing-card-cta,
html body.pricing-page .topup-grid a{
  border-color:#91b5ef!important;
  background:
    radial-gradient(circle at 82% 0,rgba(255,255,255,.2),transparent 31%),
    linear-gradient(135deg,#426fbd,#596fc9 52%,#7465cc)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 5px 0 #22386d,0 15px 27px rgba(42,72,142,.27)!important;
  color:#fff!important;
}
html body.pricing-page .pricing-card-cta:hover,
html body.pricing-page .topup-grid a:hover{
  transform:translateY(-2px)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 8px 0 #22386d,0 21px 34px rgba(42,72,142,.33)!important;
}
html body.pricing-page .pricing-assurance i{background:#416ebd!important;color:#fff!important}

/* Enterprise rental */
html body.enterprise-license-page .enterprise-hero{
  background:
    radial-gradient(circle at 78% 30%,rgba(89,126,208,.15),transparent 27%),
    linear-gradient(145deg,#111925,#080c13 72%)!important;
}
html body.enterprise-license-page .enterprise-hero h1 em,
html body.enterprise-license-page .enterprise-eyebrow{color:#9dbff7!important}
html body.enterprise-license-page .enterprise-license-console,
html body.enterprise-license-page .enterprise-filterbar,
html body.enterprise-license-page .enterprise-license-card,
html body.enterprise-license-page .enterprise-contract-steps li,
html body.enterprise-license-page .enterprise-contract-cta{
  border-color:#35455d!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 44%),
    linear-gradient(145deg,#131b27,#090d14 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 0 #04060a,0 19px 35px rgba(0,0,0,.24)!important;
}
html body.enterprise-license-page .enterprise-button.is-primary,
html body.enterprise-license-page .enterprise-license-card__request,
html body.enterprise-license-page .enterprise-media-stage__control{
  border-color:#9fc2fa!important;
  background:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 0 #263f86,0 16px 28px rgba(36,78,170,.29)!important;
  color:#fff!important;
}
html body.enterprise-license-page [data-enterprise-tag][aria-pressed="true"]{
  border-color:#9fc2fa!important;
  background:linear-gradient(135deg,#426fbd,#665fc2)!important;
  color:#fff!important;
}
html body.enterprise-license-page .enterprise-console-orb,
html body.enterprise-license-page .enterprise-preview__orb{
  filter:hue-rotate(182deg) saturate(.82)!important;
}
html body.enterprise-license-page .license-modal__dialog,
html body.enterprise-license-page .enterprise-media-modal__dialog{
  border-color:#4d607d!important;
  background:
    radial-gradient(circle at 88% -5%,rgba(125,160,225,.13),transparent 35%),
    linear-gradient(145deg,#171f2c,#080c13 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 0 #030509,0 40px 110px rgba(0,0,0,.7)!important;
}

/* License center */
html body:has([data-license-center]) .license-center-hero,
html body:has([data-license-center]) .license-summary article,
html body:has([data-license-center]) .license-panel{
  border-color:#35455d!important;
  background:
    radial-gradient(circle at 88% 0,rgba(98,138,218,.09),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),
    linear-gradient(145deg,#131b27,#090d14 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 0 #04060a,0 20px 37px rgba(0,0,0,.24)!important;
}
html body:has([data-license-center]) .license-center-hero>div>small,
html body:has([data-license-center]) .license-panel header small,
html body:has([data-license-center]) .license-summary strong{color:#9dbff7!important}
html body:has([data-license-center]) .license-center-hero nav a.primary{
  border-color:#9fc2fa!important;
  background:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 0 #263f86,0 16px 28px rgba(36,78,170,.29)!important;
  color:#fff!important;
}

/* Product registration */
html body.product-personal-flow .flow-head,
html body.product-business-flow .flow-head,
html body.product-personal-flow .flow-visual,
html body.product-business-flow .flow-visual,
html body.product-personal-flow .flow-form,
html body.product-business-flow .flow-form{
  border-color:#35455d!important;
  background:
    radial-gradient(circle at 88% 0,rgba(98,138,218,.09),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),
    linear-gradient(145deg,#131b27,#090d14 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 0 #04060a,0 20px 37px rgba(0,0,0,.24)!important;
}
html body.product-personal-flow .role-kicker,
html body.product-business-flow .role-kicker,
html body.product-personal-flow .flow-steps .active,
html body.product-business-flow .flow-steps .active{color:#9dbff7!important}
html body.product-personal-flow .flow-sculpture,
html body.product-business-flow .flow-sculpture{filter:hue-rotate(181deg) saturate(.76)!important}
html body.product-personal-flow .flow-submit,
html body.product-business-flow .flow-submit{
  border-color:#9fc2fa!important;
  background:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 0 #263f86,0 16px 28px rgba(36,78,170,.29)!important;
  color:#fff!important;
}

/* Checkout */
html body:has(.pay-wrap) .pay-wrap{max-width:640px!important;padding-top:72px!important}
html body:has(.pay-wrap) .pay-card{
  padding:32px!important;
  border-color:#4b5f7d!important;
  border-radius:25px!important;
  background:
    radial-gradient(circle at 88% 0,rgba(111,150,223,.15),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.045),transparent 44%),
    linear-gradient(145deg,#161f2d,#090d14 74%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 7px 0 #04060a,0 28px 56px rgba(0,0,0,.34)!important;
}
html body:has(.pay-wrap) .pay-card small,
html body:has(.pay-wrap) .pay-amount .v{color:#b9d3ff!important}
html body:has(.pay-wrap) .pay-btn{
  border:1px solid #a5c6fd!important;
  background:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.3),0 6px 0 #263f86,0 18px 31px rgba(36,78,170,.3)!important;
  color:#fff!important;
}

/* Purchase review popup */
.commerce-review-v303{
  position:fixed;
  z-index:520;
  inset:0;
  padding:22px;
  display:grid;
  place-items:center;
}
.commerce-review-v303[hidden]{display:none}
.commerce-review-backdrop-v303{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(2,5,10,.8);
  backdrop-filter:blur(16px) saturate(.78);
}
.commerce-review-dialog-v303{
  position:relative;
  width:min(720px,100%);
  max-height:calc(100svh - 44px);
  overflow:auto;
  border:1px solid #506581;
  border-radius:25px;
  background:
    radial-gradient(circle at 88% -5%,rgba(123,158,225,.15),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.045),transparent 43%),
    linear-gradient(145deg,#171f2c,#080c13 74%);
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 8px 0 #030509,0 40px 110px rgba(0,0,0,.7);
  animation:commerce-review-in-v303 .22s ease-out;
}
@keyframes commerce-review-in-v303{from{opacity:0;transform:translateY(14px) scale(.98)}}
.commerce-review-head-v303{
  padding:26px 28px 22px;
  border-bottom:1px solid #304057;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}
.commerce-review-head-v303 p{
  margin:0 0 9px;
  color:#9bbcf1;
  font:800 11px Consolas,monospace;
  letter-spacing:.15em;
}
.commerce-review-head-v303 h2{margin:0;color:#fff;font-size:27px;letter-spacing:-.045em}
.commerce-review-head-v303 span{display:block;margin-top:8px;color:#8592a5;font-size:12px;line-height:1.6}
.commerce-review-close-v303{
  width:43px;
  height:43px;
  flex:none;
  border:1px solid #536682;
  border-radius:14px;
  background:linear-gradient(145deg,#29364b,#111824);
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 5px 0 #04060a,0 14px 24px rgba(0,0,0,.3);
  color:#eaf1ff;
  cursor:pointer;
  font-size:24px;
}
.commerce-review-body-v303{padding:23px 28px}
.commerce-review-product-v303{
  min-height:100px;
  padding:17px;
  border:1px solid #35465f;
  border-radius:17px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  align-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),#0c131e;
}
.commerce-review-object-v303{
  width:60px;
  height:60px;
  border:1px solid #9dbff7;
  border-radius:17px;
  display:grid;
  place-items:center;
  transform:rotate(-6deg);
  background:linear-gradient(145deg,#5978ab,#1a273c 72%);
  box-shadow:inset 2px 2px rgba(255,255,255,.13),7px 8px 0 #05080d;
  color:#fff;
  font:900 17px Arial,sans-serif;
}
.commerce-review-product-v303 small{color:#8dabdd;font:800 11px Consolas,monospace;letter-spacing:.14em}
.commerce-review-product-v303 strong{display:block;margin:7px 0 5px;color:#fff;font-size:17px}
.commerce-review-product-v303 p{margin:0;color:#7f8da2;font-size:12px;line-height:1.55}
.commerce-review-lines-v303{margin-top:18px;border-top:1px solid #2f3b50}
.commerce-review-line-v303{
  min-height:48px;
  border-bottom:1px solid #2f3b50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.commerce-review-line-v303 span{color:#8592a5;font-size:12px}
.commerce-review-line-v303 strong{color:#dce7f8;font-size:11px}
.commerce-review-line-v303.total{min-height:64px}
.commerce-review-line-v303.total span{color:#c9d7ec;font-weight:800}
.commerce-review-line-v303.total strong{color:#bad2ff;font-size:24px;letter-spacing:-.04em}
.commerce-review-consent-v303{
  position:relative;
  margin-top:18px;
  padding:14px;
  border:1px solid #35465e;
  border-radius:13px;
  display:flex;
  align-items:center;
  gap:11px;
  background:#0c131e;
  color:#aeb9ca;
  cursor:pointer;
  font-size:12px;
  line-height:1.55;
}
.commerce-review-consent-v303 input{width:18px;height:18px;accent-color:#5e83d5}
.commerce-review-foot-v303{
  padding:18px 28px 24px;
  border-top:1px solid #304057;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:11px;
}
.commerce-review-cancel-v303,
.commerce-review-confirm-v303{
  min-height:49px;
  border-radius:13px;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
}
.commerce-review-cancel-v303{
  border:1px solid #3d4a5f;
  background:#101722;
  color:#aeb9ca;
}
.commerce-review-confirm-v303{
  border:1px solid #a5c6fd;
  background:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf);
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 0 #263f86,0 16px 28px rgba(36,78,170,.29);
  color:#fff;
}
.commerce-review-confirm-v303:disabled{
  border-color:#39465a;
  background:#151d29;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 4px 0 #070a0f;
  color:#5f6b7d;
  cursor:not-allowed;
}
body.commerce-modal-open-v303{overflow:hidden}

.commerce-review-v303 :focus-visible,
.contract-review-v303:focus-visible{outline:2px solid #bad3ff;outline-offset:4px}

@media(max-width:760px){
  html body.pricing-page .pricing-shell{width:min(100% - 26px,1280px)!important}
  .commerce-review-v303{padding:10px}
  .commerce-review-dialog-v303{border-radius:20px}
  .commerce-review-head-v303{padding:21px 19px 18px}
  .commerce-review-head-v303 h2{font-size:23px}
  .commerce-review-body-v303{padding:18px 19px}
  .commerce-review-foot-v303{padding:16px 19px 21px;grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .commerce-review-dialog-v303{animation:none}
}