/* Approved STAX UI review theme: restrained rainbow aura with stable surfaces. */
@keyframes stax-aura-shift{0%,100%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.06)}}

/* V36: the home identity runs through the whole page, not only isolated cards. */
body.home-platform{position:relative;isolation:isolate;background:linear-gradient(145deg,#f7fbff 0%,#faf8ff 32%,#fff8fc 66%,#fffaf0 100%)!important}
body.home-platform::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(circle at 5% 12%,rgba(64,200,255,.28),transparent 28%),radial-gradient(circle at 92% 18%,rgba(145,101,255,.24),transparent 30%),radial-gradient(circle at 88% 72%,rgba(255,102,170,.2),transparent 30%),radial-gradient(circle at 12% 88%,rgba(255,191,61,.2),transparent 28%);background-size:120% 120%;animation:stax-page-rainbow 18s ease-in-out infinite}
body.home-platform #content{position:relative;z-index:0;background:transparent!important}
body.home-platform :where(.easy-hero,.easy-intro,.easy-story,.easy-steps,.easy-cta,.motion-guides){background-color:color-mix(in srgb,var(--stax-color-surface) 78%,transparent)!important;backdrop-filter:blur(.75rem)}
.stax-dark body.home-platform,html.stax-dark body.home-platform{background:linear-gradient(145deg,#080d16 0%,#100c1b 35%,#180b18 68%,#171109 100%)!important}
.stax-dark body.home-platform::before,html.stax-dark body.home-platform::before{background:radial-gradient(circle at 5% 12%,rgba(47,197,255,.35),transparent 29%),radial-gradient(circle at 92% 18%,rgba(132,83,255,.32),transparent 31%),radial-gradient(circle at 88% 72%,rgba(255,75,156,.28),transparent 31%),radial-gradient(circle at 12% 88%,rgba(255,174,30,.25),transparent 29%);filter:saturate(1.16) brightness(1.08)}
@keyframes stax-page-rainbow{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}

.easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9{position:relative;isolation:isolate;padding:.75rem;border-radius:1.625rem;background:linear-gradient(125deg,rgba(83,201,255,.23),rgba(151,116,255,.19) 36%,rgba(255,130,184,.18) 68%,rgba(255,207,105,.2));overflow:hidden}
.easy-showcase::before,.easy-feature-grid::before,.store-grid::before,.pay-dashboard-v9::before{content:"";position:absolute;z-index:-1;inset:-34%;background:radial-gradient(circle at 16% 22%,rgba(73,202,255,.4),transparent 27%),radial-gradient(circle at 82% 18%,rgba(166,111,255,.34),transparent 27%),radial-gradient(circle at 76% 82%,rgba(255,124,178,.28),transparent 28%),radial-gradient(circle at 18% 80%,rgba(255,209,101,.24),transparent 25%);filter:blur(1.75rem);animation:stax-aura-shift 14s ease-in-out infinite}
.easy-showcase{background:linear-gradient(125deg,rgba(62,197,255,.36),rgba(139,104,255,.32) 36%,rgba(255,103,171,.3) 68%,rgba(255,190,63,.32));box-shadow:0 1rem 3rem rgba(88,106,218,.13)}
.easy-showcase::before{background:radial-gradient(circle at 16% 22%,rgba(56,196,255,.62),transparent 28%),radial-gradient(circle at 82% 18%,rgba(154,91,255,.56),transparent 29%),radial-gradient(circle at 76% 82%,rgba(255,88,158,.48),transparent 29%),radial-gradient(circle at 18% 80%,rgba(255,187,49,.44),transparent 27%);filter:blur(1.45rem) saturate(1.12)}
.easy-showcase>.easy-panel,.easy-feature-grid>*,:where(.store-grid,.pay-dashboard-v9)>*{border-color:color-mix(in srgb,#fff 72%,var(--stax-color-border))!important;box-shadow:0 .75rem 2.25rem rgba(43,63,101,.07)!important}

.easy-panel-mail,.easy-feature-grid>*:nth-child(1){background-image:radial-gradient(circle at 0 0,rgba(255,145,174,.22),transparent 48%),radial-gradient(circle at 100% 100%,rgba(255,201,116,.19),transparent 50%)!important}
.easy-panel-number,.easy-feature-grid>*:nth-child(2){background-image:radial-gradient(circle at 0 0,rgba(140,118,255,.2),transparent 48%),radial-gradient(circle at 100% 100%,rgba(83,190,255,.18),transparent 50%)!important}
.easy-panel-pay,.easy-feature-grid>*:nth-child(3){background-image:radial-gradient(circle at 0 0,rgba(71,211,190,.2),transparent 48%),radial-gradient(circle at 100% 100%,rgba(105,143,255,.2),transparent 50%)!important}

.wallet-card-v9{position:relative;isolation:isolate;overflow:hidden;min-height:20.625rem!important;border-color:rgba(255,255,255,.24)!important;background:linear-gradient(145deg,rgba(11,24,55,.97) 0%,rgba(24,55,117,.95) 58%,rgba(36,107,253,.9) 132%)!important;color:#fff!important;box-shadow:0 1.25rem 3.125rem rgba(31,76,166,.2)!important}
.wallet-card-v9::before{content:"";position:absolute;z-index:-1;right:-5.75rem;top:-6.875rem;width:16.875rem;height:16.875rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 2.375rem rgba(255,255,255,.035),0 0 0 4.75rem rgba(255,255,255,.025)}
.wallet-card-v9::after{content:"";position:absolute;z-index:-1;left:-2.5rem;bottom:-4.625rem;width:11.875rem;height:11.875rem;border-radius:50%;background:radial-gradient(circle,rgba(69,210,168,.32),transparent 68%)}
.wallet-card-v9 :where(p,small,span,a,strong){color:inherit!important}.wallet-card-v9>strong{font-size:clamp(2.25rem,5vw,3rem)!important;letter-spacing:-.05em}.pay-form-v9{box-shadow:0 .625rem 2.125rem rgba(30,48,75,.07)!important}.pay-quick-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1.125rem 0}.pay-quick-amounts button{min-width:0;min-height:2.5rem;border:1px solid var(--stax-color-border);border-radius:.75rem;background:var(--stax-color-background-secondary);color:var(--stax-color-text);font-size:.8125rem;font-weight:700}.pay-quick-amounts button:hover,.pay-quick-amounts button:focus-visible{border-color:var(--stax-color-primary);color:var(--stax-color-primary)}

.account-page .tr{min-width:0}.account-page .tr>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-page .tr>span:nth-last-child(-n+2){text-align:right}
.stax-dark :where(.easy-showcase>.easy-panel,.easy-feature-grid>*,.store-grid>*,.pay-dashboard-v9>*){border-color:var(--stax-color-border)!important}.stax-dark :where(.easy-panel-mail,.easy-panel-number,.easy-panel-pay,.easy-feature-grid>*){background-color:var(--stax-color-surface)!important}
.stax-dark :where(.easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9){background:linear-gradient(125deg,rgba(54,193,255,.48),rgba(135,91,255,.43) 36%,rgba(255,91,162,.4) 68%,rgba(255,190,58,.42))!important;box-shadow:0 0 2.75rem rgba(103,112,255,.13)!important}
.stax-dark .easy-showcase{background:linear-gradient(125deg,rgba(45,194,255,.68),rgba(126,76,255,.62) 36%,rgba(255,71,151,.58) 68%,rgba(255,175,33,.6))!important;box-shadow:0 0 3.5rem rgba(109,104,255,.24)!important}
.stax-dark .easy-panel-mail{background:linear-gradient(145deg,#963b57,#96532e)!important}
.stax-dark .easy-panel-number{background:linear-gradient(145deg,#5b47b7,#2b719d)!important}
.stax-dark .easy-panel-pay{background:linear-gradient(145deg,#1d8a80,#2c66a7)!important}
.stax-dark :where(.easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9,.motion-guide-grid) :where(img,picture,video){filter:none!important;opacity:1!important}

@keyframes stax-mobile-rainbow-pan{0%,100%{background-position:0% 45%}50%{background-position:100% 55%}}
@media(max-width:47.9375rem){
  .easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9{padding:.5rem;border-radius:1.25rem;margin-inline:-.5rem;background:linear-gradient(125deg,rgba(57,199,255,.5),rgba(137,91,255,.44) 35%,rgba(255,91,166,.4) 68%,rgba(255,188,50,.42))!important;background-size:220% 220%!important;animation:stax-mobile-rainbow-pan 12s ease-in-out infinite!important;box-shadow:0 .875rem 2.5rem rgba(90,99,214,.16)!important}
  .easy-showcase::before,.easy-feature-grid::before,.store-grid::before,.pay-dashboard-v9::before{display:block!important;opacity:1!important;animation:stax-aura-shift 12s ease-in-out infinite!important}
  .easy-showcase>.easy-panel,.easy-feature-grid>*,.store-grid>*,.pay-dashboard-v9>*{position:relative!important;z-index:1!important;background-color:color-mix(in srgb,var(--stax-color-surface) 90%,transparent)!important;backdrop-filter:blur(.875rem)!important}
  .easy-panel-mail,.easy-feature-grid>*:nth-child(1){background-image:radial-gradient(circle at 0 0,rgba(255,111,158,.28),transparent 52%),radial-gradient(circle at 100% 100%,rgba(255,198,91,.24),transparent 54%)!important}
  .easy-panel-number,.easy-feature-grid>*:nth-child(2){background-image:radial-gradient(circle at 0 0,rgba(135,101,255,.28),transparent 52%),radial-gradient(circle at 100% 100%,rgba(63,192,255,.25),transparent 54%)!important}
  .easy-panel-pay,.easy-feature-grid>*:nth-child(3){background-image:radial-gradient(circle at 0 0,rgba(47,213,184,.27),transparent 52%),radial-gradient(circle at 100% 100%,rgba(90,130,255,.26),transparent 54%)!important}
  .stax-dark :where(.easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9){filter:none!important;background:linear-gradient(125deg,rgba(42,195,255,.7),rgba(122,72,255,.65) 36%,rgba(255,67,151,.61) 68%,rgba(255,170,27,.63))!important;background-size:220% 220%!important}
  .pay-quick-amounts{grid-template-columns:1fr}.account-page .tr{grid-template-columns:minmax(0,1fr) auto}.account-page .tr>span:nth-child(n+3){display:none}
}

/* V56: continuous colour canvas, compact footer and explicit loading feedback. */
body.home-platform>footer{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:1.5rem!important;
  padding-block:1.5rem!important;
}
body.home-platform>footer>div{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.75rem 1.25rem!important;
}
body.home-platform>footer>small{justify-self:end!important;white-space:nowrap!important}

body.home-platform .easy-story{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
}
body.home-platform .easy-story>div{min-width:0!important}
body.home-platform .easy-story-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:1rem!important;
  padding:clamp(2rem,5vw,4.5rem)!important;
}
body.home-platform .easy-story-copy :where(p,h2,span,a){margin:0!important}
body.home-platform .easy-story-copy span{display:block!important;max-width:38rem!important}
body.home-platform .easy-story-copy a{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;margin-top:.5rem!important}

body.pay-page,
body.shop-page{
  background:
    radial-gradient(circle at 6% 8%,rgba(62,204,255,.16),transparent 30%),
    radial-gradient(circle at 94% 28%,rgba(144,92,255,.14),transparent 32%),
    radial-gradient(circle at 82% 88%,rgba(255,91,165,.12),transparent 32%),
    linear-gradient(145deg,#f7fbff,#f8f5ff 48%,#fff7fa)!important;
  background-attachment:fixed!important;
}
body.stax-dark.pay-page,
body.stax-dark.shop-page{
  background:
    radial-gradient(circle at 6% 8%,rgba(45,198,255,.22),transparent 31%),
    radial-gradient(circle at 94% 28%,rgba(124,72,255,.2),transparent 33%),
    radial-gradient(circle at 82% 88%,rgba(255,65,151,.17),transparent 33%),
    linear-gradient(145deg,#071019,#0f0b1a 50%,#170a16)!important;
}
body.pay-page .pay-dashboard-v9{
  padding:clamp(.6rem,1.4vw,1rem)!important;
  border:1px solid rgba(117,121,255,.22)!important;
  box-shadow:0 1.5rem 4rem rgba(39,52,91,.12)!important;
}
body.pay-page :where(.pay-form-v9,.pay-workspace-v9,.stax-pay-card){min-width:0!important}
body.pay-page .pay-form-v9 :where(input,button){min-height:3rem!important}
body.pay-page .pay-form-v9 button:not(:disabled){transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important}
body.pay-page .pay-form-v9 button:not(:disabled):active{transform:scale(.985)!important}

.stax-loading-overlay{
  position:fixed;
  z-index:2147483600;
  inset:0;
  display:grid;
  place-items:center;
  padding:1.25rem;
  background:rgba(8,12,21,.52);
  backdrop-filter:blur(.5rem);
}
.stax-loading-card{
  display:grid;
  justify-items:center;
  gap:.75rem;
  width:min(21rem,100%);
  padding:2rem;
  border:1px solid rgba(148,163,184,.35);
  border-radius:1.25rem;
  background:rgba(255,255,255,.96);
  color:#111827;
  text-align:center;
  box-shadow:0 1.5rem 4rem rgba(2,6,23,.24);
}
.stax-loading-card strong{font-size:1.05rem;color:#111827!important;-webkit-text-fill-color:#111827!important}
.stax-loading-card small{color:#64748b!important;-webkit-text-fill-color:#64748b!important;line-height:1.55}
.stax-loading-spinner{
  width:2.75rem;
  height:2.75rem;
  border:.22rem solid #dbeafe;
  border-top-color:#2563eb;
  border-radius:50%;
  animation:stax-loading-spin .8s linear infinite;
}
.stax-dark .stax-loading-card{border-color:#334155;background:rgba(17,23,34,.97);color:#f8fafc}
.stax-dark .stax-loading-card strong{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark .stax-loading-card small{color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
.stax-dark .stax-loading-spinner{border-color:#263449;border-top-color:#60a5fa}
body.stax-loading-active{overflow:hidden!important}
@keyframes stax-loading-spin{to{transform:rotate(360deg)}}

@media(max-width:47.9375rem){
  body.home-platform>footer{grid-template-columns:1fr!important;justify-items:start!important;gap:1rem!important}
  body.home-platform>footer>div{justify-content:flex-start!important}
  body.home-platform>footer>small{justify-self:start!important}
  body.home-platform .easy-story{grid-template-columns:1fr!important}
  body.home-platform .easy-story-copy{padding:1.5rem!important}
  body.pay-page .pay-dashboard-v9{padding:.5rem!important}
}
@media(prefers-reduced-motion:reduce){.stax-loading-spinner{animation-duration:1.6s}}
@media(prefers-reduced-motion:reduce){body.home-platform::before,.easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9,.easy-showcase::before,.easy-feature-grid::before,.store-grid::before,.pay-dashboard-v9::before{animation:none!important}}

/* V38: one continuous home rainbow with readable surfaces in both themes. */
body.home-platform #content{
  background:
    radial-gradient(circle at 8% 10%,rgba(54,201,255,.34),transparent 27%),
    radial-gradient(circle at 92% 30%,rgba(143,96,255,.28),transparent 31%),
    radial-gradient(circle at 18% 62%,rgba(255,191,67,.23),transparent 29%),
    radial-gradient(circle at 86% 84%,rgba(255,91,165,.25),transparent 31%),
    linear-gradient(145deg,#f4fbff 0%,#f7f4ff 34%,#fff4fa 67%,#fff8e9 100%)!important;
  background-size:145% 145%!important;
  animation:stax-home-continuous-rainbow 20s ease-in-out infinite!important;
}
body.home-platform :where(.easy-hero,.easy-intro,.easy-steps,.motion-guides){background:transparent!important;backdrop-filter:none!important}
body.home-platform :where(.easy-story,.easy-cta){border:1px solid rgba(255,255,255,.72)!important;background:rgba(255,255,255,.72)!important;color:#111827!important;box-shadow:0 1rem 3rem rgba(47,66,107,.09)!important;backdrop-filter:blur(1rem)!important}
body.home-platform :where(.easy-intro h2,.easy-story-copy h2,.easy-steps h2,.easy-steps h3,.easy-cta h2,.motion-guides h2,.motion-guide-grid h3){color:#111827!important;-webkit-text-fill-color:#111827!important}
body.home-platform :where(.easy-intro>span,.easy-story-copy>span,.easy-steps article p,.easy-cta span,.motion-guides>header span,.motion-guide-grid p){color:#475569!important;-webkit-text-fill-color:#475569!important}
body.home-platform .easy-cta .btn{background:#1769e8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.stax-dark body.home-platform #content,.stax-dark body.home-platform #content{
  background:
    radial-gradient(circle at 8% 10%,rgba(38,194,255,.28),transparent 28%),
    radial-gradient(circle at 92% 30%,rgba(124,72,255,.27),transparent 32%),
    radial-gradient(circle at 18% 62%,rgba(255,165,27,.18),transparent 30%),
    radial-gradient(circle at 86% 84%,rgba(255,64,151,.23),transparent 32%),
    linear-gradient(145deg,#070c15 0%,#0f0b1a 35%,#170a16 68%,#171006 100%)!important;
}
.stax-dark body.home-platform :where(.easy-story,.easy-cta){border-color:rgba(255,255,255,.12)!important;background:rgba(13,18,28,.8)!important;color:#f8fafc!important}
.stax-dark body.home-platform :where(.easy-intro h2,.easy-story-copy h2,.easy-steps h2,.easy-steps h3,.easy-cta h2,.motion-guides h2,.motion-guide-grid h3){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark body.home-platform :where(.easy-intro>span,.easy-story-copy>span,.easy-steps article p,.easy-cta span,.motion-guides>header span,.motion-guide-grid p){color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
@keyframes stax-home-continuous-rainbow{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@media(max-width:47.9375rem){
  body.home-platform #content{background-size:190% 190%!important;animation-duration:15s!important}
  body.home-platform :where(.easy-story,.easy-cta){margin-inline:0!important;border-radius:1rem!important}
  body.home-platform .easy-steps{padding-inline:.75rem!important}
  body.home-platform .easy-steps>div{gap:.625rem!important;margin-top:1rem!important}
  body.home-platform .easy-steps article{padding:1rem!important;border:1px solid rgba(148,163,184,.3)!important;border-radius:.875rem!important;background:rgba(255,255,255,.7)!important;backdrop-filter:blur(.75rem)!important}
  .stax-dark body.home-platform .easy-steps article{border-color:rgba(255,255,255,.12)!important;background:rgba(13,18,28,.78)!important}
}
@media(prefers-reduced-motion:reduce){body.home-platform #content{animation:none!important}}

/* V55: final layout polish — full canvas, consistent radii and theme-safe contrast. */
:root{
  --stax-polish-width:80rem;
  --stax-polish-gutter:clamp(1rem,3vw,2rem);
  --stax-polish-radius:1rem;
  --stax-polish-radius-lg:1.5rem;
}

body:not(.note-page)>main#content{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  min-width:0;
}

body.home-platform #content>:where(.easy-hero,.easy-showcase,.easy-intro,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta),
body.ui-v10 #content>:where(.shop-hero-v9,.shop-catalog-v9,.shop-trust-v9,.pay-shell-v9,.account-head,.p-section,.simple,.auth-shell,.status-shell,.platform-admin,.published-note){
  box-sizing:border-box;
  width:min(var(--stax-polish-width),calc(100% - (var(--stax-polish-gutter) * 2)));
  max-width:var(--stax-polish-width);
  margin-inline:auto;
}

body.home-platform #content>:where(.easy-intro,.motion-guides,.easy-story,.easy-steps,.easy-cta){
  margin-block:0;
}

body.home-platform .easy-steps>div{
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
}

body.home-platform :where(.easy-story,.easy-cta,.motion-guide-grid article,.easy-steps article,.service-tile),
body.ui-v10 :where(.shop-hero-v9,.shop-wallet,.store-card,.shop-trust-v9,.pay-dashboard-v9,.pay-workspace-v9,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.account-head,.account-head article,.p-section,.table,.simple,.form-card,.auth-shell,.status-shell,.status-card,.published-note,.admin-box){
  border-radius:var(--stax-polish-radius-lg);
  overflow:hidden;
}

body.ui-v10 :where(input,textarea,select,button,.btn,.tr,.notice){
  border-radius:.75rem;
}

body:not(.stax-dark).ui-v10{
  color:#111827;
}
body:not(.stax-dark).ui-v10 :where(.simple,.form-card,.auth-shell,.account-head,.p-section,.table,.shop-hero-v9,.shop-wallet,.store-card,.pay-workspace-v9,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.status-shell,.status-card,.published-note,.admin-box){
  color:#111827;
  background-color:rgba(255,255,255,.92);
}
body:not(.stax-dark).ui-v10 :where(h1,h2,h3,h4,strong,b,dt,dd,label,th,td,.tr,.empty){
  color:#111827;
  -webkit-text-fill-color:currentColor;
}
body:not(.stax-dark).ui-v10 :where(p,small,.muted,.overline){
  color:#475569;
  -webkit-text-fill-color:currentColor;
}

body.stax-dark.ui-v10 :where(.simple,.form-card,.auth-shell,.account-head,.p-section,.table,.shop-hero-v9,.shop-wallet,.store-card,.pay-workspace-v9,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.status-shell,.status-card,.published-note,.admin-box){
  color:#f8fafc;
  background-color:#111722;
  border-color:#334155;
}
body.stax-dark.ui-v10 :where(h1,h2,h3,h4,strong,b,dt,dd,label,th,td,.tr,.empty){
  color:#f8fafc;
  -webkit-text-fill-color:currentColor;
}
body.stax-dark.ui-v10 :where(p,small,.muted){
  color:#cbd5e1;
  -webkit-text-fill-color:currentColor;
}

body>.p-header{
  box-sizing:border-box;
}
.p-header>.p-brand{
  display:inline-flex;
  align-items:center;
  gap:.625rem;
  min-width:max-content;
  white-space:nowrap;
}
.p-header>.p-brand>span{
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  flex:0 0 2rem;
  border-radius:.625rem;
  background:#2563eb;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-weight:800;
}
.p-header>.p-brand>b{
  color:#f8fafc;
  -webkit-text-fill-color:#f8fafc;
}

body>footer{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:2rem max(var(--stax-polish-gutter),calc((100% - var(--stax-polish-width))/2));
  border-radius:0;
}

@media(max-width:47.9375rem){
  :root{--stax-polish-gutter:1rem;--stax-polish-radius: .875rem;--stax-polish-radius-lg:1rem}
  body.home-platform #content>:where(.easy-hero,.easy-showcase,.easy-intro,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta),
  body.ui-v10 #content>:where(.shop-hero-v9,.shop-catalog-v9,.shop-trust-v9,.pay-shell-v9,.account-head,.p-section,.simple,.auth-shell,.status-shell,.platform-admin,.published-note){
    width:calc(100% - 2rem);
    max-width:none;
  }
  body.home-platform .easy-steps>div{grid-template-columns:1fr}
  body.home-platform :where(.easy-steps,.easy-story,.easy-cta,.motion-guides){padding-inline:1rem}
  body>footer{padding:1.5rem 1rem}
}

/* V39: the footer belongs to the continuous home canvas. */
body.home-platform>footer{
  border-top:1px solid rgba(148,163,184,.28)!important;
  background:rgba(255,255,255,.58)!important;
  color:#475569!important;
  box-shadow:none!important;
  backdrop-filter:blur(1rem)!important;
}
body.home-platform>footer :where(b,a,small){color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.home-platform>footer>b{color:#111827!important;-webkit-text-fill-color:#111827!important}
.stax-dark body.home-platform>footer{
  border-top-color:rgba(255,255,255,.12)!important;
  background:rgba(8,12,21,.74)!important;
  color:#cbd5e1!important;
}
.stax-dark body.home-platform>footer>b{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}

/* V40: the dark rainbow owns the full viewport, including the outer rails. */
html:has(body.home-platform),body.home-platform{
  min-width:100%!important;
  min-height:100%!important;
  background:
    radial-gradient(circle at 4% 10%,rgba(54,201,255,.28),transparent 29%),
    radial-gradient(circle at 96% 30%,rgba(143,96,255,.24),transparent 32%),
    radial-gradient(circle at 14% 70%,rgba(255,191,67,.2),transparent 30%),
    radial-gradient(circle at 88% 88%,rgba(255,91,165,.22),transparent 32%),
    linear-gradient(145deg,#f4fbff 0%,#f7f4ff 34%,#fff4fa 67%,#fff8e9 100%)!important;
  background-attachment:fixed!important;
}
body.home-platform #content{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important}
html.stax-dark:has(body.home-platform),html.stax-dark body.home-platform,.stax-dark body.home-platform{
  background:
    radial-gradient(circle at 4% 10%,rgba(38,194,255,.34),transparent 30%),
    radial-gradient(circle at 96% 30%,rgba(124,72,255,.32),transparent 33%),
    radial-gradient(circle at 14% 70%,rgba(255,166,29,.22),transparent 31%),
    radial-gradient(circle at 88% 88%,rgba(255,65,151,.28),transparent 33%),
    linear-gradient(145deg,#07111a 0%,#0f0b1c 35%,#190a18 68%,#191006 100%)!important;
}
@media(max-width:47.9375rem){
  body.home-platform :where(.easy-intro,.easy-story,.easy-steps,.easy-cta,.motion-guides){margin-block:0!important;padding-block:2.25rem!important}
  body.home-platform :where(.easy-intro h2,.easy-story-copy h2,.easy-steps h2,.easy-cta h2,.motion-guides h2){max-width:none!important;margin:.5rem 0!important;font-size:1.375rem!important;line-height:1.38!important;letter-spacing:-.035em!important;word-break:keep-all!important;overflow-wrap:normal!important}
  body.home-platform :where(.easy-intro>span,.easy-story-copy>span,.easy-steps article p,.easy-cta span,.motion-guides>header span,.motion-guide-grid p){font-size:.875rem!important;line-height:1.7!important;word-break:keep-all!important;overflow-wrap:normal!important}
  body.home-platform :where(.easy-intro>p,.easy-story-copy>p,.easy-steps header p,.easy-cta p,.motion-guides>header>p){margin:0 0 .5rem!important;font-size:.6875rem!important;line-height:1.4!important;letter-spacing:.12em!important}
  body.home-platform .easy-story{gap:1rem!important;padding-inline:.75rem!important}
  body.home-platform .easy-story-copy{padding:1rem!important}
  body.home-platform .easy-story-copy a{margin-top:1rem!important}
  body.home-platform .easy-steps>div{grid-template-columns:1fr!important;margin-top:1rem!important}
  body.home-platform .easy-steps article h3{margin:.5rem 0 .25rem!important;font-size:1rem!important;line-height:1.4!important}
}

/* V55 cascade lock: keep the reviewed widths and radii after legacy mobile rules. */
body.home-platform #content>:where(.easy-hero,.easy-showcase,.easy-intro,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta),
body.ui-v10 #content>:where(.shop-hero-v9,.shop-catalog-v9,.shop-trust-v9,.pay-shell-v9,.account-head,.p-section,.simple,.auth-shell,.status-shell,.platform-admin,.published-note){
  width:min(var(--stax-polish-width),calc(100% - (var(--stax-polish-gutter) * 2)))!important;
  max-width:var(--stax-polish-width)!important;
  margin-inline:auto!important;
}
body.home-platform :where(.easy-story,.easy-cta,.motion-guide-grid article,.easy-steps article,.service-tile),
body.ui-v10 :where(.shop-hero-v9,.shop-wallet,.store-card,.shop-trust-v9,.pay-dashboard-v9,.pay-workspace-v9,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.account-head,.account-head article,.p-section,.table,.simple,.form-card,.auth-shell,.status-shell,.status-card,.published-note,.admin-box){
  border-radius:var(--stax-polish-radius-lg)!important;
}
body>footer{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
@media(max-width:47.9375rem){
  body.home-platform #content>:where(.easy-hero,.easy-showcase,.easy-intro,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta),
  body.ui-v10 #content>:where(.shop-hero-v9,.shop-catalog-v9,.shop-trust-v9,.pay-shell-v9,.account-head,.p-section,.simple,.auth-shell,.status-shell,.platform-admin,.published-note){width:calc(100% - 2rem)!important;max-width:none!important}
}

/* V56 cascade lock — must remain after every legacy responsive layer. */
body.home-platform>footer{min-height:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:1.5rem!important;padding-block:1.5rem!important}
body.home-platform>footer>div{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:.75rem 1.25rem!important}
body.home-platform>footer>small{justify-self:end!important;white-space:nowrap!important}
body.home-platform .easy-story{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;align-items:stretch!important;gap:0!important;padding:0!important}
body.home-platform .easy-story-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1rem!important;padding:clamp(2rem,5vw,4.5rem)!important}
body.home-platform .easy-story-copy :where(p,h2,span,a){margin:0!important}
body.home-platform .easy-story-copy a{display:inline-flex!important;align-self:flex-start!important;margin-top:.5rem!important}
@media(max-width:47.9375rem){
  body.home-platform>footer{grid-template-columns:1fr!important;justify-items:start!important;gap:1rem!important}
  body.home-platform>footer>div{justify-content:flex-start!important}
  body.home-platform>footer>small{justify-self:start!important}
  body.home-platform .easy-story{grid-template-columns:1fr!important;padding:0!important}
  body.home-platform .easy-story-copy{padding:1.5rem!important}
}

/* V57: crisp cotton-candy surfaces, stable brand alignment and no stray motion. */
body.home-platform::before,
body.home-platform :where(.easy-showcase,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta),
body.ui-v10 :where(.store-grid,.pay-dashboard-v9),
body.ui-v10 :where(.easy-showcase,.easy-feature-grid,.store-grid,.pay-dashboard-v9)::before{
  animation:none!important;
  background-position:50% 50%!important;
}
body.home-platform :where(.easy-hero,.easy-intro,.motion-guides,.easy-story,.easy-steps,.easy-cta),
body:not(.stax-dark).ui-v10 :where(.shop-hero-v9,.shop-wallet,.store-card,.shop-trust-v9,.pay-workspace-v9,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.account-head,.p-section,.simple,.form-card,.auth-shell,.status-shell,.status-card,.published-note,.admin-box){
  background:
    linear-gradient(135deg,rgba(226,247,255,.88),rgba(243,236,255,.86) 48%,rgba(255,232,244,.86))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.stax-dark).home-platform :where(.easy-showcase>.easy-panel,.easy-feature-grid>*,.motion-guide-grid article,.easy-story-visual,.easy-story-copy,.easy-steps article),
body:not(.stax-dark).ui-v10 :where(.pay-dashboard-v9>*,.store-grid>*){
  background:linear-gradient(145deg,rgba(239,250,255,.96),rgba(248,242,255,.94) 52%,rgba(255,239,247,.94))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.home-platform>.p-header{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:1.25rem!important;
}
body.home-platform>.p-header>.p-brand{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:start!important;
  margin:0!important;
}
body.home-platform>.p-header>nav{justify-self:center!important;min-width:0!important}
body.home-platform>.p-header>.p-actions{justify-self:end!important;min-width:max-content!important}
body.home-platform>footer{
  padding-inline:max(1rem,calc((100vw - 80rem)/2))!important;
  background:linear-gradient(135deg,rgba(221,244,255,.9),rgba(241,231,255,.88) 50%,rgba(255,226,240,.88))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.stax-dark body.home-platform>footer{background:linear-gradient(135deg,#0b1622,#120e20 50%,#210d1a)!important}

body:not(.stax-dark).pay-page .pay-dashboard-v9,
body:not(.stax-dark).shop-page .store-grid{
  background:linear-gradient(125deg,#8cddff,#bca7ff 38%,#ffb2d4 72%,#ffe0a4)!important;
}
body:not(.stax-dark).pay-page :where(.pay-workspace-v9,.pay-form-v9),
body:not(.stax-dark).shop-page .store-card{
  background:linear-gradient(145deg,#f0fbff,#f8f2ff 54%,#fff0f7)!important;
}

@media(max-width:59.9375rem){
  body.home-platform>.p-header{grid-template-columns:auto 1fr!important;row-gap:.625rem!important}
  body.home-platform>.p-header>nav{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important}
  body.home-platform>.p-header>.p-actions{grid-column:2!important;grid-row:1!important}
}
@media(max-width:47.9375rem){
  body.home-platform>.p-header{column-gap:.75rem!important}
  body.home-platform>.p-header>.p-actions{min-width:0!important}
  body.home-platform>.p-header>.p-actions>a:not(.btn){white-space:nowrap!important}
}

/* V58: one continuous cotton-candy canvas, without detached white rectangles. */
body:not(.stax-dark).home-platform{
  --stax-candy-panel:linear-gradient(145deg,rgba(201,240,255,.78),rgba(229,215,255,.74) 52%,rgba(255,211,232,.72));
  --stax-candy-panel-soft:linear-gradient(145deg,rgba(211,244,255,.55),rgba(237,226,255,.52) 52%,rgba(255,222,238,.5));
  --stax-candy-border:rgba(105,119,171,.22);
}
body:not(.stax-dark).home-platform #content{
  background:linear-gradient(125deg,#d5f4ff 0%,#e8e1ff 42%,#ffdbea 74%,#ffe9c9 100%)!important;
}
body:not(.stax-dark).home-platform #content>:where(.easy-hero,.easy-intro,.motion-guides,.easy-steps){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body:not(.stax-dark).home-platform :where(.easy-story,.easy-cta){
  background:var(--stax-candy-panel)!important;
  border:1px solid var(--stax-candy-border)!important;
  box-shadow:0 .75rem 2rem rgba(85,82,147,.08)!important;
}
body:not(.stax-dark).home-platform :where(.easy-showcase>.easy-panel,.easy-feature-grid>*,.motion-guide-grid article,.easy-story-visual,.easy-story-copy,.easy-steps article,.service-tile){
  background:var(--stax-candy-panel-soft)!important;
  border-color:var(--stax-candy-border)!important;
  box-shadow:0 .5rem 1.5rem rgba(85,82,147,.06)!important;
}
body:not(.stax-dark).home-platform .easy-feature-grid,
body:not(.stax-dark).home-platform .easy-steps>div{
  background:linear-gradient(125deg,rgba(105,218,255,.34),rgba(159,129,255,.3) 40%,rgba(255,132,190,.28) 72%,rgba(255,203,111,.27))!important;
  border-radius:1.5rem!important;
  padding:.65rem!important;
}
body:not(.stax-dark).home-platform>footer{
  color:#172033!important;
  border-top:1px solid var(--stax-candy-border)!important;
}
body:not(.stax-dark).home-platform>footer :where(a,span,small,b){color:#172033!important;-webkit-text-fill-color:#172033!important}

@media(max-width:47.9375rem){
  body:not(.stax-dark).home-platform .easy-feature-grid,
  body:not(.stax-dark).home-platform .easy-steps>div{padding:.4rem!important;border-radius:1.1rem!important}
}

/* V59: dark mode is a neutral, readable surface system. No rainbow wash or black text. */
body:not(.stax-dark).ui-v10 .wallet-card-v9{
  background:linear-gradient(145deg,#101722,#070a0f)!important;
  border:1px solid rgba(113,145,183,.42)!important;
  color:#f8fafc!important;
}
body:not(.stax-dark).ui-v10 .wallet-card-v9 :where(h1,h2,h3,p,span,strong,b,small,button){
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
html.stax-dark body,
body.stax-dark{
  --stax-dark-bg:#07090d;
  --stax-dark-surface:#10141c;
  --stax-dark-surface-2:#151b25;
  --stax-dark-border:rgba(203,213,225,.18);
  --stax-dark-text:#f8fafc;
  --stax-dark-muted:#cbd5e1;
  background:var(--stax-dark-bg)!important;
  color:var(--stax-dark-text)!important;
}
html.stax-dark body::before,
body.stax-dark::before{display:none!important;background:none!important}
html.stax-dark body #content,
body.stax-dark #content{
  background:var(--stax-dark-bg)!important;
  color:var(--stax-dark-text)!important;
}
html.stax-dark body :where(.easy-hero,.easy-showcase,.easy-intro,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta,.shop-hero-v9,.shop-catalog-v9,.shop-trust-v9,.store-grid,.pay-shell-v9,.pay-dashboard-v9,.pay-workspace-v9,.auth-shell,.account-head,.p-section,.status-shell),
body.stax-dark :where(.easy-hero,.easy-showcase,.easy-intro,.easy-feature-grid,.motion-guides,.easy-story,.easy-steps,.easy-cta,.shop-hero-v9,.shop-catalog-v9,.shop-trust-v9,.store-grid,.pay-shell-v9,.pay-dashboard-v9,.pay-workspace-v9,.auth-shell,.account-head,.p-section,.status-shell){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.stax-dark body :where(.easy-panel,.motion-guide-grid article,.easy-story-visual,.easy-story-copy,.easy-steps article,.service-tile,.shop-wallet,.store-card,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.wallet-card-v9,.form-card,.simple,.data-panel,.status-card,.published-note,.admin-box,.table),
body.stax-dark :where(.easy-panel,.motion-guide-grid article,.easy-story-visual,.easy-story-copy,.easy-steps article,.service-tile,.shop-wallet,.store-card,.pay-form-v9,.pay-login-v9,.pay-wait-v9,.wallet-card-v9,.form-card,.simple,.data-panel,.status-card,.published-note,.admin-box,.table){
  background:var(--stax-dark-surface)!important;
  background-image:none!important;
  border-color:var(--stax-dark-border)!important;
  box-shadow:0 .75rem 2rem rgba(0,0,0,.22)!important;
}
html.stax-dark body :where(input,textarea,select,.pay-steps-v9>*,.input,.field),
body.stax-dark :where(input,textarea,select,.pay-steps-v9>*,.input,.field){
  background:var(--stax-dark-surface-2)!important;
  border-color:var(--stax-dark-border)!important;
  color:var(--stax-dark-text)!important;
  -webkit-text-fill-color:var(--stax-dark-text)!important;
}
html.stax-dark body :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,dt,dd,th,td,a,button,.balance,.price),
body.stax-dark :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,dt,dd,th,td,a,button,.balance,.price){
  color:var(--stax-dark-text)!important;
  -webkit-text-fill-color:var(--stax-dark-text)!important;
}
html.stax-dark body :where(p,small,.muted,.fine-print,.easy-lead),
body.stax-dark :where(p,small,.muted,.fine-print,.easy-lead){
  color:var(--stax-dark-muted)!important;
  -webkit-text-fill-color:var(--stax-dark-muted)!important;
}
html.stax-dark body :where(.btn,button[type="submit"]),
body.stax-dark :where(.btn,button[type="submit"]){background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.stax-dark body :where(.theme-toggle,.p-actions>a:not(.btn)),
body.stax-dark :where(.theme-toggle,.p-actions>a:not(.btn)){background:#151b25!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;border-color:var(--stax-dark-border)!important}
html.stax-dark body>footer,
body.stax-dark>footer{background:#090c12!important;background-image:none!important;border-color:var(--stax-dark-border)!important}

/* V60: commerce contrast, unified uptime bars and global announcements */
body.ui-v10 .stax-pay-card,
html:not(.stax-dark) body.ui-v10 .stax-pay-card{
  background:#0b111b!important;
  background-image:linear-gradient(135deg,rgba(255,255,255,.055),transparent 38%),linear-gradient(135deg,transparent 55%,rgba(96,165,250,.34))!important;
  border-color:#334155!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
body.ui-v10 .stax-pay-card :where(strong,b,small,span,em,button),
html:not(.stax-dark) body.ui-v10 .stax-pay-card :where(strong,b,small,span,em,button){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important}
body.ui-v10 .stax-pay-card .pay-card-number{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important}
body.ui-v10 .store-buy button:disabled{background:#dbe3ee!important;border-color:#cbd5e1!important;color:#475569!important;-webkit-text-fill-color:#475569!important;opacity:1!important;cursor:not-allowed!important}
html.stax-dark body.ui-v10 .store-buy button:disabled,body.ui-v10.stax-dark .store-buy button:disabled{background:#273244!important;border-color:#475569!important;color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
body.ui-v10 .store-buy .purchase-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;white-space:nowrap!important}
body.ui-v10 .store-buy .purchase-summary span,body.ui-v10 .store-buy .purchase-summary output{display:inline!important;white-space:nowrap!important;word-break:keep-all!important}
body.ui-v10 .store-buy .purchase-summary output{margin-left:auto!important;font-weight:800!important}
.ui-v10.status-page .status-bars{display:grid!important;grid-template-columns:repeat(30,minmax(4px,1fr))!important;align-items:end!important;gap:5px!important;height:34px!important;background:transparent!important;border:0!important;overflow:visible!important}
.ui-v10.status-page .status-day{display:block!important;width:100%!important;min-width:4px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;background:#22c55e!important;box-shadow:none!important;opacity:1!important}
.ui-v10.status-page .status-day[data-state="incident"]{background:#ef4444!important}
.ui-v10.status-page .status-day[data-state="current"]{outline:2px solid #2563eb!important;outline-offset:2px!important}
body.stax-announcement-open{overflow:hidden!important}
.stax-announcement-backdrop{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(3,7,18,.72);backdrop-filter:blur(10px)}
.stax-announcement{width:min(560px,100%);max-height:min(720px,calc(100dvh - 40px));overflow:auto;padding:32px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#111827;color:#f8fafc;box-shadow:0 28px 80px rgba(0,0,0,.45)}
.stax-announcement>p{margin:0 0 10px;color:#60a5fa!important;font-size:12px;font-weight:800;letter-spacing:.16em}
.stax-announcement h2{margin:0;color:#fff!important;font-size:clamp(24px,4vw,34px);line-height:1.25;word-break:keep-all}
.stax-announcement-content{margin-top:20px;color:#dbe4f0!important;-webkit-text-fill-color:#dbe4f0!important;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.stax-announcement-content strong,.stax-announcement-content b{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800}.stax-announcement-content u{color:inherit!important;-webkit-text-fill-color:inherit!important;text-underline-offset:4px}
.stax-announcement footer{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding:0;background:transparent!important;border:0!important}
.stax-announcement button{min-height:46px;padding:0 18px;border:1px solid #475569;border-radius:10px;background:#1e293b;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-weight:800}
.stax-announcement button.primary{border-color:#2563eb;background:#2563eb!important}
@media(max-width:640px){.stax-announcement{padding:24px 20px;border-radius:16px}.stax-announcement footer{display:grid;grid-template-columns:1fr 1fr}.stax-announcement button{padding:0 10px;font-size:14px}}
