html[data-cx-hero-experience="waiting"],
html[data-cx-hero-experience="returning"]{overflow:hidden}
.cx-hero-opening-backdrop{
  position:fixed;
  inset:0;
  z-index:39;
  background:#191919;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease;
}
html[data-cx-hero-experience="waiting"] .cx-hero-opening-backdrop,
html[data-cx-hero-experience="returning"] .cx-hero-opening-backdrop{
  z-index:1000;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
html[data-cx-hero-experience="revealing"] .cx-hero-opening-backdrop{
  opacity:0;
  visibility:visible;
  pointer-events:none;
}
html[data-cx-hero-experience="waiting"] header,
html[data-cx-hero-experience="waiting"] [asscroll-container],
html[data-cx-hero-experience="waiting"] .cx-global-footer,
html[data-cx-hero-experience="returning"] header,
html[data-cx-hero-experience="returning"] [asscroll-container],
html[data-cx-hero-experience="returning"] .cx-global-footer{
  opacity:0;
}
html[data-cx-hero-experience="revealing"] [asscroll-container]{animation:cxHeroReveal .65s .5s cubic-bezier(.2,.75,.2,1) both}
html[data-cx-hero-experience="revealing"] header{animation:cxHeroReveal .65s .8s cubic-bezier(.2,.75,.2,1) both}
html[data-cx-hero-experience="revealing"] .cx-global-footer{animation:cxHeroReveal .55s 1s cubic-bezier(.2,.75,.2,1) both}
@keyframes cxHeroReveal{from{opacity:0;filter:blur(7px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
html[data-cx-hero-experience="waiting"] .cx-hero-webgl-layer,
html[data-cx-hero-experience="returning"] .cx-hero-webgl-layer{
  z-index:1001!important;
  mask-image:radial-gradient(ellipse 0px 0px at center,#000,transparent);
}
.cx-hero-experience{
  position:fixed;
  z-index:1002;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  left:0;
  top:0;
  width:280px;
  height:154px;
  padding:13px 17px;
  transform-origin:0 0;
  box-sizing:border-box;
  text-align:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease;
  perspective:700px;
}
html[data-cx-hero-experience="waiting"] .cx-hero-experience[data-state="waiting"]{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
html[data-cx-hero-experience="waiting"] .cx-hero-experience[data-state="load-error"]{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.cx-hero-experience[data-state="load-error"] .cx-hero-experience__start{display:none}
.cx-hero-experience[data-state="load-error"] .cx-hero-experience__quiet{
  min-height:44px;
  padding:10px 14px;
  border:1px solid #e6b84f;
  border-radius:8px;
  background:#e6b84f;
  color:#191919;
}
.cx-hero-experience[data-state="load-error"] .cx-hero-experience__status{
  position:static;
  width:auto;
  height:auto;
  clip-path:none;
  white-space:normal;
  color:#fff;
  font:500 13px/1.5 "Be Vietnam Pro",sans-serif;
}
.cx-hero-experience__start{
  width:100%;
  min-height:56px;
  padding:12px 14px;
  border:1px solid #ffe3a0;
  border-radius:14px;
  background:linear-gradient(145deg,#fff0bc 0%,#e7bc57 42%,#bd8836 100%);
  color:#251b0c;
  box-shadow:0 7px 0 #805724,0 15px 22px rgba(56,35,7,.33),inset 0 2px 0 rgba(255,255,255,.8);
  font:700 16px/1.15 "Be Vietnam Pro",sans-serif;
  cursor:pointer;
  transform:translateY(-3px) rotateX(7deg);
  transform-style:preserve-3d;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease;
}
.cx-hero-experience__quiet{
  min-height:54px;
  padding:7px 8px;
  border:0;
  background:transparent;
  color:#17130f;
  font:600 15px/1.2 "Be Vietnam Pro",sans-serif;
  text-decoration:none;
  text-underline-offset:3px;
  cursor:pointer;
}
.cx-hero-experience__start:hover{transform:translateY(-7px) rotateX(10deg);filter:brightness(1.08);box-shadow:0 10px 0 #805724,0 20px 26px rgba(56,35,7,.38),inset 0 2px 0 rgba(255,255,255,.8)}
.cx-hero-experience__start:active{transform:translateY(3px) rotateX(1deg);box-shadow:0 2px 0 #805724,0 4px 8px rgba(56,35,7,.3)}
.cx-hero-experience__quiet:hover{text-decoration:underline}
.cx-hero-experience__start:focus-visible,
.cx-hero-experience__quiet:focus-visible{outline:2px solid white;outline-offset:2px}
.cx-hero-experience__status{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.cx-opening-modal[hidden]{display:none}
.cx-opening-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:22px;box-sizing:border-box;animation:cxModalIn .45s cubic-bezier(.2,.75,.2,1) both}
.cx-opening-modal__shade{position:absolute;inset:0;background:rgba(11,13,14,.74);backdrop-filter:blur(10px)}
.cx-opening-modal__card{position:relative;width:min(680px,100%);max-height:min(84vh,800px);overflow:auto;border:1px solid rgba(247,213,143,.36);border-radius:22px;background:#222423;color:#f7f1e5;box-shadow:0 26px 80px rgba(0,0,0,.55)}
.cx-opening-modal__close{position:absolute;right:14px;top:14px;z-index:1;width:38px;height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(20,20,20,.8);color:white;font:26px/1 sans-serif;cursor:pointer}
.cx-opening-modal__banner{display:block;width:100%;max-height:320px;object-fit:cover}
.cx-opening-modal__body{padding:28px}.cx-opening-modal__body h2{margin:0 48px 16px 0;font:700 clamp(24px,4vw,38px)/1.2 "Be Vietnam Pro",sans-serif}
.cx-opening-modal__body iframe{display:block;width:100%;height:min(25vh,180px);border:0;background:#222423}
.cx-opening-modal__daily{display:flex;align-items:center;gap:9px;margin-top:18px;color:#f7f1e5;font:600 14px/1.35 "Be Vietnam Pro",sans-serif;cursor:pointer;user-select:none}
.cx-opening-modal__daily input{width:18px;height:18px;margin:0;accent-color:#e6b84f}
html[data-cx-opening-modal="open"]{overflow:hidden;overscroll-behavior:none}
body:has(.cx-opening-modal:not([hidden])){overflow:hidden;overscroll-behavior:none}
html[data-cx-opening-modal="open"] .cursor{visibility:hidden!important}
@keyframes cxModalIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){
  .cx-hero-opening-backdrop,.cx-hero-experience{transition:none}
  html[data-cx-hero-experience="revealing"] header,
  html[data-cx-hero-experience="revealing"] [asscroll-container],
  html[data-cx-hero-experience="revealing"] .cx-global-footer{animation:none}
  .cx-opening-modal{animation:none}
  .cx-hero-experience__start{transition:none;transform:none}
}