html.site-pearl body.public-ui .home-action-row { display:grid; grid-template-columns:minmax(0,1fr) 248px; align-items:stretch; gap:14px; margin-bottom:18px; min-width:0; }
html.site-pearl body.public-ui .home-action-row > .topup-hub { margin:0; min-width:0; }
html.site-pearl body.public-ui .home-action-row .buy-guide-widget { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:17px; min-width:0; margin:0; padding:20px; border:1px solid #d9e5f8; border-radius:20px; background:radial-gradient(ellipse at 100% 0,#e3ecff,transparent 65%),#f6f9ff; color:#263f63; box-shadow:0 4px 18px #243f6506; }
html.site-pearl body.public-ui .home-action-row .buy-guide-widget::after { content:none; }
html.site-pearl body.public-ui .home-action-row .buy-guide-identity { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
html.site-pearl body.public-ui .home-action-row .buy-guide-symbol { width:38px; height:38px; flex-basis:38px; border-radius:12px; border-color:#cedff9; background:#e7efff; color:#426ec1; font-size:18px; }
html.site-pearl body.public-ui .home-action-row .buy-guide-copy { gap:6px; }
html.site-pearl body.public-ui .home-action-row .buy-guide-kicker { color:#7186a7; font-size:8px; font-weight:750; letter-spacing:.9px; line-height:1.5; }
html.site-pearl body.public-ui .home-action-row .buy-guide-copy strong { color:#243e63; font-size:19px; font-weight:750; letter-spacing:-.45px; line-height:1.35; }
html.site-pearl body.public-ui .home-action-row .buy-guide-copy small { display:block; color:#647996; font-size:11px; line-height:1.65; }
html.site-pearl body.public-ui .home-action-row .buy-guide-steps { display:flex; flex-direction:column; gap:9px; list-style:none; margin:0; padding:0; }
html.site-pearl body.public-ui .home-action-row .buy-guide-steps li { display:flex; align-items:center; gap:8px; color:#57718f; font-size:11px; line-height:1.5; }
html.site-pearl body.public-ui .home-action-row .buy-guide-steps li > span { display:grid; place-items:center; width:21px; height:21px; border-radius:6px; border:1px solid #d9e5f8; background:#fff; color:#6a8cbd; font-size:9px; font-weight:700; }
html.site-pearl body.public-ui .home-action-row .buy-guide-trigger { justify-content:center; min-height:42px; margin-top:auto; border-radius:10px; background:#2c65ce; border-color:#2c65ce; color:#fff; box-shadow:0 4px 10px #2563d91c; font-size:12px; }
html.site-pearl body.public-ui .home-action-row .buy-guide-external { display:inline-flex; margin-left:auto; }
html.site-pearl body.public-ui .home-action-row--guide-only { grid-template-columns:minmax(0,1fr); }
@media (min-width:1200px) {
  html.site-pearl body.public-ui .home-action-row .topup-hub { padding:17px; }
  html.site-pearl body.public-ui .home-action-row .th-history { padding-inline:3px; font-size:10px; }
  html.site-pearl body.public-ui .home-action-row .th-method { padding:15px; }
  html.site-pearl body.public-ui .home-action-row .th-bank-art { right:9px; transform:scale(.78) rotate(-13deg); transform-origin:right center; }
  html.site-pearl body.public-ui .home-action-row .th-phone-art { right:10px; transform:scale(.8); transform-origin:right center; }
  html.site-pearl body.public-ui .home-action-row .topup-hub h3 { font-size:21px; }
  html.site-pearl body.public-ui .home-action-row .th-method-copy { width:67%; }
}
@media (max-width:1199px) {
  html.site-pearl body.public-ui .home-action-row { grid-template-columns:minmax(0,1fr); gap:10px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-widget { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 14px; padding:14px 16px; border-radius:15px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-identity { flex-direction:row; align-items:center; gap:10px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-copy { gap:3px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-copy strong { font-size:15px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-copy small { font-size:10px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps { grid-column:1 / -1; grid-row:2; flex-direction:row; flex-wrap:wrap; gap:8px 15px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps li { font-size:10px; gap:5px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-trigger { grid-column:2; grid-row:1; align-self:center; min-height:38px; margin:0; padding:0 12px; font-size:11px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-external { display:none!important; }
}
@media (max-width:600px) {
  html.site-pearl body.public-ui .home-action-row .buy-guide-widget { padding:12px; gap:10px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-symbol { width:30px; height:30px; flex-basis:30px; border-radius:9px; font-size:14px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-copy strong { font-size:12px; letter-spacing:-.2px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-kicker { font-size:7px; letter-spacing:.5px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-copy small { display:none; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-trigger { min-height:38px; padding:0 9px; gap:6px; font-size:10px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-identity { gap:7px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps { gap:6px 10px; justify-content:space-between; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps li { font-size:9px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps li > span { width:17px; height:17px; font-size:8px; border:0; background:transparent; }
}
@media (max-width:359px) {
  html.site-pearl body.public-ui .home-action-row .buy-guide-widget { grid-template-columns:minmax(0,1fr); }
  html.site-pearl body.public-ui .home-action-row .buy-guide-trigger { grid-column:1; grid-row:3; width:100%; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps { gap:5px; }
  html.site-pearl body.public-ui .home-action-row .buy-guide-steps li { font-size:8px; gap:2px; }
}
html.site-pearl.site-dark body.public-ui .home-action-row .buy-guide-widget { background:radial-gradient(ellipse at 100% 0,#233c61,transparent 70%),#172330; border-color:#2b4057; }
html.site-pearl.site-dark body.public-ui .home-action-row .buy-guide-copy strong { color:#e7f0fa; }
html.site-pearl.site-dark body.public-ui .home-action-row :is(.buy-guide-copy small,.buy-guide-steps li,.buy-guide-kicker) { color:#a4b8d0; }
html.site-pearl.site-dark body.public-ui .home-action-row :is(.buy-guide-symbol,.buy-guide-steps li > span) { background:#20334a; color:#9dc5ff; border-color:#324c6d; }

/* Softer guide panel and pill action, above the shared compact button rules. */
html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget.buy-guide-widget--soft {
  border:1px solid var(--compact-line,#dfe7f3)!important;
  border-radius:24px!important;
  background:radial-gradient(ellipse at 100% 0,#7295ff0d,transparent 75%),var(--compact-surface,#fff)!important;
  box-shadow:0 5px 20px #243f6505!important;
}
html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger {
  position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0; gap:9px; min-height:44px!important; padding:8px 16px 8px 10px!important; margin-top:auto!important;
  border:1px solid #ffffff3d!important; border-radius:999px!important;
  background:linear-gradient(120deg,#327ee8,#4264db 65%,#6657d7)!important; color:#fff!important;
  box-shadow:0 5px 13px #3765d52b,inset 0 1px #ffffff38!important;
  font-size:11px!important; font-weight:750; line-height:1.4!important; white-space:nowrap; cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger::before {
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
  background:linear-gradient(110deg,transparent 20%,#ffffff26 50%,transparent 80%);
  transform:translateX(-110%); transition:transform .6s ease; pointer-events:none;
}
.buy-guide-widget--soft .buy-guide-play {
  display:grid; place-items:center; width:27px; height:27px; flex:0 0 27px;
  border-radius:50%; background:#ffffffed; color:#416cdb; box-shadow:0 2px 5px #173f981c;
}
.buy-guide-widget--soft .buy-guide-play>i { margin-left:2px; font-size:9px; }
html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger:focus-visible { outline:3px solid #93b5ff; outline-offset:3px; }
@media(hover:hover) {
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger:hover { transform:translateY(-2px); box-shadow:0 8px 19px #3765d53d,inset 0 1px #ffffff38!important; }
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger:hover::before { transform:translateX(110%); }
}
html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger:active { transform:scale(.97); }
@media(max-width:1199px) {
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger { margin-top:0!important; }
}
@media(max-width:600px) {
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget.buy-guide-widget--soft { padding:14px!important; border-radius:22px!important; }
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger { min-height:42px!important; padding:7px 12px 7px 8px!important; gap:7px; font-size:10px!important; }
  .buy-guide-widget--soft .buy-guide-play { width:25px; height:25px; flex-basis:25px; }
}
@media(max-width:359px) {
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget.buy-guide-widget--soft { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger { grid-column:1; grid-row:2; width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger,
  html.site-pearl body.public-ui .site-main .page-content .home-action-row .buy-guide-widget--soft .buy-guide-trigger::before { transition:none!important; transform:none!important; }
}