/* ARCANA V13 — unified layout, interaction and motion layer. */
#closeCommercialLogin > * { pointer-events: none; }
#commercialLoginModal .modal > #closeCommercialLogin{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:8!important;
  float:none!important;
  margin:0!important;
}
#commercialLoginModal .modal > .eyebrow{padding-right:54px!important}
:root{
  --v13-gold:#e9c86d;
  --v13-gold-soft:#f6dfa0;
  --v13-violet:#9b64c4;
  --v13-ink:#f4eddf;
  --v13-muted:#bdb1c2;
  --v13-surface:rgba(17,9,28,.86);
  --v13-surface-strong:rgba(11,6,19,.97);
  --v13-border:rgba(233,200,109,.18);
  --v13-border-hover:rgba(233,200,109,.48);
  --v13-shadow:0 24px 72px rgba(0,0,0,.34);
  --v13-ease:cubic-bezier(.2,.8,.2,1);
}

html{background:#07040c;scroll-behavior:smooth;scrollbar-gutter:stable}
body{min-width:320px;min-height:100dvh;background:
  radial-gradient(circle at 14% 9%,rgba(100,55,134,.13),transparent 30%),
  radial-gradient(circle at 86% 34%,rgba(180,126,57,.07),transparent 28%),#07040c}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
[hidden]{display:none!important}

html[lang="zh-CN"] body,html[lang="zh-CN"] button,html[lang="zh-CN"] input,html[lang="zh-CN"] textarea,html[lang="zh-CN"] select{font-family:"Noto Serif SC","Microsoft YaHei",serif}
html[lang="zh-TW"] body,html[lang="zh-TW"] button,html[lang="zh-TW"] input,html[lang="zh-TW"] textarea,html[lang="zh-TW"] select{font-family:"Noto Serif TC","Microsoft JhengHei",serif}
html[lang="ja"] body,html[lang="ja"] button,html[lang="ja"] input,html[lang="ja"] textarea,html[lang="ja"] select{font-family:"Shippori Mincho","Yu Mincho",serif}
html[lang="ko"] body,html[lang="ko"] button,html[lang="ko"] input,html[lang="ko"] textarea,html[lang="ko"] select{font-family:"Noto Serif KR","Malgun Gothic",serif}
html[lang="en"] body,html[lang="fr"] body,html[lang="de"] body{font-family:"Libre Baskerville",Georgia,serif}
html[lang="en"] :is(p,li,button),html[lang="fr"] :is(p,li,button),html[lang="de"] :is(p,li,button){hyphens:auto;word-break:normal;overflow-wrap:break-word}
html[lang^="zh"] :is(p,li,h1,h2,h3,button),html[lang="ja"] :is(p,li,h1,h2,h3,button),html[lang="ko"] :is(p,li,h1,h2,h3,button){line-break:strict;word-break:normal;overflow-wrap:anywhere}
:is(h1,h2,h3,h4,p,li,button,label,summary,dd,dt){max-width:100%}
:is(p,li){line-height:1.82}

/* Closed overlays must never intercept the page. */
#splash.gone,.v7-projection-wrap:not(.open),.v113-command:not(.open),.v113-notifications:not(.open),
.v114-settings:not(.open),.v7-shell:not(.open),.v11-reset-page:not(.open),.card-zoom-wrap:not(.open),
.modal-wrap:not(.open),.cookie-banner:not(.open),.ritual-fade:not(.on){pointer-events:none!important;visibility:hidden!important}
#splash.gone{display:none!important}
.v7-projection-wrap.open,.v113-command.open,.v113-notifications.open,.v114-settings.open,.v7-shell.open,
.v11-reset-page.open,.card-zoom-wrap.open,.modal-wrap.open,.cookie-banner.open{pointer-events:auto!important;visibility:visible!important}
.ritual-fade.on{pointer-events:auto!important;visibility:visible!important}

/* Stable command bar inspired by mature social products: identity, navigation, actions. */
.topbar{width:100%!important;isolation:isolate!important}
.brand,.nav-link,.nav-tools>*,.v7-user-hub{flex-shrink:0!important}
.brand{white-space:nowrap!important}
.nav-links{min-width:0!important}
.nav-tools{min-width:0!important}
.nav-tools :is(button,.v8-select-trigger){font-size:13px!important;line-height:1.25!important}
body:not(.v13-account) #v7UserHub{display:none!important}
body.v13-account #loginBtn{display:none!important}
.v8-custom-select[data-select-for="langSelect"] .v8-select-menu{right:0!important;left:auto!important}
.v8-custom-select[data-select-for="regionSelect"] .v8-select-menu{left:0!important;right:auto!important}

@media(min-width:1500px){
  .topbar{display:grid!important;grid-template-columns:auto minmax(520px,1fr) auto!important;grid-template-rows:auto!important;gap:18px!important;min-height:76px!important}
  .nav-links{grid-column:auto!important;grid-row:auto!important;justify-self:center!important;overflow:visible!important}
}
@media(min-width:981px) and (max-width:1499px){
  .topbar{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:56px 52px!important;column-gap:18px!important;row-gap:6px!important;min-height:124px!important;padding-top:8px!important;padding-bottom:8px!important}
  .brand{grid-column:1!important;grid-row:1!important;align-self:center!important}
  .nav-tools{grid-column:2!important;grid-row:1!important;justify-self:end!important;max-width:100%!important;overflow:visible!important}
  .nav-links{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;justify-content:center!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important}
  .hero{min-height:calc(100svh - 124px)!important}
  .hero-deck{left:auto!important;right:0!important;width:min(350px,28vw)!important;justify-self:end!important;transform-origin:center right!important}
}

/* Hero: preserve the original copy while giving every line enough room. */
.hero{position:relative!important;align-items:center!important}
.hero::before{content:"";position:absolute;inset:7% -4% 3%;z-index:-1;pointer-events:none;background:
  radial-gradient(circle at 28% 36%,rgba(136,79,171,.13),transparent 34%),
  radial-gradient(circle at 78% 48%,rgba(224,183,78,.08),transparent 28%);filter:blur(18px)}
.hero-copy{min-width:0!important}
.display-title{color:var(--v13-gold-soft)!important;background:linear-gradient(115deg,#fff0b4 0,#d6ae4f 42%,#f5d98e 72%,#b98634 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
.display-title span{-webkit-text-fill-color:initial!important;color:#f2dc92!important}
.hero-copy>p{letter-spacing:.004em!important}
.hero-deck{--v13-rx:0deg;--v13-ry:0deg;transform:perspective(1100px) rotateX(var(--v13-rx)) rotateY(var(--v13-ry))!important;transition:transform .7s var(--v13-ease),filter .4s ease!important;transform-style:preserve-3d!important}
.hero-deck .hero-card{backface-visibility:hidden!important}
.hero-deck .orbit{animation-duration:26s!important}
.hero-deck::before{content:"";position:absolute;inset:12%;z-index:-1;border:1px solid rgba(233,200,109,.08);border-radius:50%;box-shadow:0 0 80px rgba(132,71,164,.18),inset 0 0 65px rgba(233,200,109,.05);animation:v13Halo 7s ease-in-out infinite}
@keyframes v13Halo{50%{transform:scale(1.08) rotate(5deg);opacity:.62}}

@media(min-width:981px){
  .hero{grid-template-columns:minmax(670px,1.35fr) minmax(330px,.65fr)!important;gap:clamp(32px,4vw,72px)!important}
  html[lang^="zh"] .display-title{font-size:clamp(42px,4.15vw,64px)!important;line-height:1.16!important;letter-spacing:-.04em!important;white-space:nowrap!important}
  .hero-deck{min-height:500px!important}
  .v9-service-gateway{gap:14px!important}
  .v9-tier-card{padding:24px 20px!important;min-height:300px!important}
}

/* Cards, panels and buttons share one coherent interaction language. */
:is(.v9-tier-card,.v10-prose-card,.v10-advantage-card,.v10-master-grid>article,.v7-preview-card,.overview-card,.v7-card,.account-grid article){isolation:isolate!important;border-color:var(--v13-border)!important;box-shadow:0 18px 56px rgba(0,0,0,.2)!important}
:is(.v9-tier-card,.v10-advantage-card,.v10-master-grid>article,.v7-preview-card)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 0,rgba(170,104,200,.10),transparent 36%),linear-gradient(120deg,transparent 30%,rgba(255,231,166,.045),transparent 64%);opacity:.8}
:is(button,.rite-btn,.ghost-btn,.danger-btn){position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
:is(button,.rite-btn,.ghost-btn,.danger-btn):disabled{cursor:not-allowed!important;opacity:.52!important;filter:saturate(.55)!important;transform:none!important}
.v13-ripple{position:absolute!important;z-index:8!important;width:12px;height:12px;border-radius:50%;pointer-events:none;background:rgba(255,239,190,.32);transform:translate(-50%,-50%) scale(0);animation:v13Ripple .62s ease-out forwards}
@keyframes v13Ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}
.rite-btn:not(:disabled):hover,.ghost-btn:not(:disabled):hover{box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 0 1px rgba(242,211,126,.12) inset!important}

.section,.v10-callout,.v7-preview-section{overflow:clip!important}
.v10-section-heading{min-width:0!important}
.v10-section-heading h2{line-height:1.18!important;letter-spacing:-.02em!important}
.v10-prose-card p,.v10-advantage-card p{max-width:76ch!important}
.commercial-footer{overflow:hidden!important}
.v9-footer-grid>*{min-width:0!important}
.v9-footer-grid button,.v9-footer-grid a{overflow-wrap:anywhere!important}

/* Progressive scroll motion, applied only after JavaScript confirms support. */
.v13-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--v13-ease),transform .75s var(--v13-ease)}
.v13-reveal.v13-visible{opacity:1;transform:none}
.v13-reveal:nth-child(2){transition-delay:.05s}.v13-reveal:nth-child(3){transition-delay:.1s}

/* Forms and operational surfaces. */
.field{display:grid!important;gap:7px!important;min-width:0!important}
.field label{line-height:1.5!important}
:is(input,textarea,select){max-width:100%!important;line-height:1.4!important}
:is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--v13-gold)!important;outline-offset:3px!important}
.inline-field{width:100%!important;min-width:0!important}
.v11-password{width:100%!important;min-width:0!important}
.v11-password input{width:100%!important;padding-right:52px!important}
.v11-password button{flex:0 0 44px!important}
.modal-status,.v11-field-errors{overflow-wrap:anywhere!important;line-height:1.6!important}
.payment-modal small{display:block;line-height:1.65!important}
.v11-payment-qr img{width:min(240px,70vw)!important;aspect-ratio:1;object-fit:contain;background:#fff;padding:10px;border-radius:16px}
.v7-main :is(h1,h2,h3,p,td,th),.ops-main :is(h1,h2,h3,p,td,th){overflow-wrap:anywhere!important}

@media(max-width:980px){
  .topbar{display:flex!important;min-height:68px!important}
  .brand{margin-right:auto!important}
  .hero{grid-template-columns:1fr!important;gap:20px!important}
  .hero-deck{grid-row:1!important}
  .hero-copy{grid-row:2!important}
  .hero-copy{text-align:center!important}
  .display-title{max-width:17ch!important;margin-inline:auto!important}
  .v9-service-gateway{width:100%!important}
  .v9-tier-card{width:100%!important}
}

@media(max-width:700px){
  html{scroll-padding-top:72px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .topbar{min-height:62px!important;padding-inline:10px!important;border-radius:0 0 16px 16px!important}
  .brand{min-width:0!important;max-width:176px!important}
  .brand>span:last-child{overflow:hidden;text-overflow:ellipsis}
  .nav-tools{max-width:calc(100% - 174px)!important}
  .v8-select-menu{position:fixed!important;top:66px!important;right:10px!important;left:auto!important;width:min(250px,calc(100vw - 20px))!important;max-height:70dvh!important;overflow:auto!important}
  .hero{padding-top:24px!important}
  .hero-deck{width:min(330px,92vw)!important;min-height:300px!important}
  html[lang^="zh"] .display-title{font-size:clamp(34px,10vw,44px)!important;line-height:1.25!important;letter-spacing:-.035em!important}
  html[lang="fr"] .display-title,html[lang="de"] .display-title{font-size:clamp(32px,9.6vw,42px)!important;line-height:1.14!important}
  .hero-copy>p{font-size:15.5px!important;line-height:1.9!important}
  .hero-note{max-width:100%!important;border-radius:15px!important;justify-content:center!important}
  .v9-service-gateway{gap:12px!important}
  .v9-tier-card{min-height:0!important;padding:24px 18px!important}
  .v9-tier-card p{max-width:32ch!important}
  .v10-section-heading h2{font-size:clamp(30px,9vw,44px)!important}
  .v10-prose-card,.v10-advantage-card,.v10-master-grid>article{padding:22px 18px!important;border-radius:18px!important}
  .modal{overscroll-behavior:contain!important}
  :is(input,textarea,select){font-size:16px!important}
  .v113-mobile-nav{left:10px!important;right:10px!important;width:auto!important;bottom:8px!important;border:1px solid var(--v13-border)!important;border-radius:18px!important;overflow:hidden!important}
  .v113-mobile-nav button{min-height:58px!important}
  #toast{bottom:calc(88px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px)!important;white-space:normal!important;text-align:center!important}
  .cookie-banner{left:10px!important;right:10px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;border-radius:18px!important}
}

@media(max-width:390px){
  .brand{max-width:166px!important}
  .brand .brand-sigil{display:none!important}
  .nav-tools{max-width:calc(100% - 158px)!important}
  .hero-deck{width:min(300px,90vw)!important;min-height:270px!important}
  html[lang^="zh"] .display-title{font-size:clamp(33px,9.8vw,40px)!important}
  .v9-tier-card h3{font-size:27px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .v13-reveal{opacity:1!important;transform:none!important}
  .hero-deck{transform:none!important}
}