:root {
  color-scheme: dark;
  --bg: #050807;
  --ink: #f3f8f6;
  --muted: rgba(243, 248, 246, 0.68);
  --line: rgba(243, 248, 246, 0.12);
  --teal: #1ab0a5;
  --green: #28c279;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--ink);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Microsoft YaHei", sans-serif;
}

a {
  color: inherit;
}

.hero {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100svh;
  overflow: hidden;
  padding: 32px clamp(22px, 6vw, 92px) 28px;
  isolation: isolate;
}

.hero::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(3, 7, 7, 0.98) 0%, rgba(3, 7, 7, 0.82) 48%, rgba(3, 7, 7, 0.56) 100%),
    radial-gradient(circle at 78% 34%, rgba(26, 176, 165, 0.28), transparent 28%),
    radial-gradient(circle at 70% 74%, rgba(40, 194, 121, 0.16), transparent 28%),
    #050807;
}

.hero::after {
  display: none;
  position: absolute;
  z-index: -1;
  right: clamp(-120px, -8vw, -40px);
  bottom: clamp(60px, 10vw, 140px);
  width: min(52vw, 620px);
  aspect-ratio: 1;
  border: 1px solid rgba(243, 248, 246, 0.12);
  border-radius: 50%;
  content: "";
  box-shadow:
    inset 0 0 0 88px rgba(243, 248, 246, 0.018),
    inset 0 0 0 176px rgba(26, 176, 165, 0.026),
    0 0 120px rgba(26, 176, 165, 0.1);
}

.topbar,
.heroFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand img {
  width: 150px;
  height: auto;
  object-fit: contain;
}

nav {
  display: flex;
  align-items: center;
  gap: clamp(14px, 3vw, 34px);
}

nav a,
.walletNavButton {
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(243, 248, 246, 0.7);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

nav a:hover,
nav a:focus-visible,
.walletNavButton:hover,
.walletNavButton:focus-visible {
  color: var(--ink);
}

.languageSwitch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: 30px;
  padding: 2px;
  border: 1px solid rgba(243, 248, 246, 0.16);
  border-radius: 8px;
  background: rgba(243, 248, 246, 0.05);
}

.languageSwitch button {
  min-width: 42px;
  height: 24px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(243, 248, 246, 0.62);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.languageSwitch button.active {
  background: var(--teal);
  color: #04100f;
}

.connectWalletButton { flex-shrink: 0; border: 1px solid var(--teal); border-radius: 6px; padding: 10px 15px; background: var(--teal); color: #04100f; font-size: 13px; font-weight: 800; cursor: pointer; }
.connectDialog { width: min(480px, calc(100% - 32px)); padding: 36px 24px 24px; border: 1px solid #39423f; border-radius: 8px; background: #181c1e; color: var(--ink); }
.connectDialog::backdrop { background: #000b; }
.connectDialog h2 { font-size: 26px; text-align: center; }
.walletChoices { display: grid; gap: 12px; margin-top: 30px; }
.walletChoices[hidden] { display: none; }
.walletChoices button { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 76px; padding: 14px; border: 1px solid #3a4144; border-radius: 8px; background: #222629; color: var(--ink); text-align: left; cursor: pointer; font: inherit; }
.walletChoices button:hover { border-color: var(--teal); }
.walletChoices button:disabled { opacity: .55; cursor: wait; }
.walletChoices img { width: 44px; height: 44px; object-fit: contain; border-radius: 8px; }
.walletChoices small { margin-left: auto; font-size: 11px; color: var(--muted); }
#connectMessage { margin-top: 18px; font-size: 14px; line-height: 1.6; color: var(--muted); }
#walletInstall { color: var(--teal); font-size: 14px; }
#connectedWallet { margin-top: 28px; }
#connectedWallet p { margin-bottom: 16px; }
.connectedWalletAddress { overflow-wrap: anywhere; font-family: monospace; line-height: 1.6; }
#connectedWallet .secondary { margin: 4px 0; }
@media(max-width: 720px) { .connectWalletButton { order: 11; } .walletChoices button { gap: 10px; } .walletChoices small { max-width: 72px; } }

.heroContent {
  align-self: center;
  width: min(760px, 100%);
  padding: 80px 0 64px;
}

.heroLayout { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr); gap: 56px; align-items: center; padding: 56px 0; }
.heroLayout .heroContent { width: 100%; padding: 0; }
.heroLayout h1 { font-size: 88px; }
.performanceChart { min-width: 0; padding: 28px 0; }
.periodTabs { display: flex; gap: 6px; margin-top: 20px; border-top: 1px solid var(--line); padding-top: 12px; }
.periodTabs button { flex: 1; min-width: 0; padding: 10px 5px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font: inherit; font-size: 14px; cursor: pointer; }
.periodTabs button[aria-pressed="true"] { background: var(--teal); color: #04100f; font-weight: 800; }
.periodTabs button:focus-visible { outline: 2px solid white; outline-offset: 2px; }
.performanceLabel { color: var(--muted); font-size: 14px; }
.performanceMeta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; }
.performanceMeta > p { margin: 0; font-size: 12px; }
.performanceRate { display: block; font-size: 76px; line-height: 1.2; margin: 10px 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.performanceRange, .chartDates, .chartUpdated { font-size: 12px; color: var(--muted); }
.chartArea { position: relative; aspect-ratio: 720 / 320; margin-top: 22px; }
#performanceSvg { display: block; width: 100%; height: 100%; }
.chartStatus { position: absolute; top: 40%; width: 100%; text-align: center; color: var(--muted); font-size: 14px; }
.chartDates { display: flex; justify-content: space-between; padding-right: 13%; }
.chartBasis { margin-top: 20px; font-size: 12px; line-height: 1.65; color: var(--muted); }
.chartUpdated { margin-top: 8px; }
@media (max-width: 1050px) {
  .heroLayout { grid-template-columns: 1fr; gap: 24px; padding: 40px 0; }
  .heroLayout .heroContent { max-width: 660px; }
  .performanceChart { width: 100%; }
}
@media (max-width: 480px) {
  .heroLayout h1 { font-size: 64px; }
  .performanceRate { font-size: 56px; }
}

.eyebrow {
  margin: 0 0 14px;
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  font-size: clamp(72px, 10vw, 138px);
  line-height: 1;
}

.investmentRules {
  width: min(720px, calc(100% - 32px));
  max-height: calc(100dvh - 48px);
  padding: 32px;
  border: 1px solid #41514a;
  border-radius: 8px;
  color: #eef4f1;
  background: #121a16;
  overflow-y: auto;
}
.investmentRules::backdrop { background: #000b; }
.walletAccount { position: fixed; inset: auto; margin: 0; width: min(360px, calc(100vw - 24px)); box-sizing: border-box; padding: 20px; border: 1px solid #34423e; border-radius: 8px; background: #111715; color: #eef4f1; overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 16px 48px #0009; }
.accountHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.walletAccount h2 { margin: 0; font-size: 16px; }
.accountNetwork { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; height: 28px; padding: 0 9px 0 6px; border-radius: 6px; background: #282a29; color: #eef4f1; font-size: 12px; line-height: 1; }
.accountNetworkIcon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; border-radius: 50%; background: #f7931a; color: #fff; font: 700 14px/1 Arial, sans-serif; }
.accountAddress { color: #91a49c; font: 12px/1.5 monospace; margin: 6px 0 18px; overflow-wrap: anywhere; }
.accountBalance { background: #1aafa3; color: #042c28; margin: 0 -20px; padding: 18px 20px 12px; }
.accountMetric { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0 0; }
.accountMetric > span { font-size: 12px; }
.accountMetric strong { font-size: 17px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.accountMetric small { font-size: 12px; }
.accountPrincipal { display: block; padding: 0 0 12px; border-bottom: 1px solid #063e3633; }
.accountPrincipal > span { display: block; margin-bottom: 5px; }
.accountPrincipal strong { display: block; font-size: 30px; line-height: 1.3; }
.accountPrincipal small { font-size: 14px; }
.accountPending { font-size: 11px; color: #c3b27e; line-height: 1.6; margin: 12px 0 18px; }
.walletAccount h3 { font-size: 13px; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #293832; }
.accountDaily { max-height: 144px; min-height: 56px; overflow-y: auto; overscroll-behavior: contain; font-size: 12px; line-height: 1.6; color: #92a59c; padding: 12px 0; box-sizing: border-box; }
.accountDaily p { padding: 9px 0; margin: 0; border-bottom: 1px solid #25332d; }
.accountCommands { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; }
.accountCommands button { text-align: center; min-height: 42px; padding: 10px 6px; background: #202b26; border: 1px solid #35453d; border-radius: 6px; color: #eef4f1; font: inherit; font-size: 12px; cursor: pointer; }
.accountCommands #accountInvest { grid-column: 1 / -1; }
.accountCommands #accountPayments { grid-column: 1 / -1; }
.walletDialog.paymentRecords { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; }
.paymentRecord { padding: 16px 0; border-bottom: 1px solid #34473c; }
.paymentRecord strong { display: block; font-size: 20px; margin-bottom: 8px; }
.paymentRecord p { margin: 6px 0; font-size: 13px; color: #a8b9b0; overflow-wrap: anywhere; }
.paymentRecord a { color: #27c3b2; font-size: 13px; overflow-wrap: anywhere; }
.paymentRecords .walletActions [hidden] { display: none; }
.accountCommands #accountInvest, .accountCommands #accountWithdraw { background: #1aafa3; border-color: #1aafa3; color: #042c28; font-weight: 700; }
.accountCommands button:hover { filter: brightness(1.15); }
.accountCommands button:focus-visible, .accountDisconnect:focus-visible { outline: 2px solid #27c3b2; outline-offset: 2px; }
.accountDisconnect { display: block; width: 100%; padding: 14px 0 0; margin-top: 16px; border: 0; border-top: 1px solid #293832; background: transparent; color: #92a59c; font: inherit; font-size: 12px; text-align: center; cursor: pointer; }
.accountDisconnect:hover { color: #eef4f1; }
.investmentRules[open] { display: flex; flex-direction: column; overflow: hidden; }
.investmentRules h2, .investmentFooter { flex-shrink: 0; }
.investmentBody { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.investmentBody .investmentAmount { margin-top: 0; }
.investmentFooter { border-top: 1px solid #34473c; margin-top: 16px; background: #121a16; }
.investmentFooter .rulesAgreement { margin: 14px 0; }
.investmentFooter .walletActions { margin-top: 12px; }
.investmentFooter #paymentStatus:empty { display: none; }
.investmentFooter #paymentStatus { max-height: 72px; overflow-y: auto; overflow-wrap: anywhere; }
.rulesScroll { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; padding-right: 12px; }
.rulesOverview { font-size: 16px; line-height: 1.8; color: #e3ede7; }
.investmentAmount { display: block; margin: 24px 0 8px; font-size: 15px; }
.investmentAmount > div { display: flex; align-items: center; border: 1px solid #657a6d; border-radius: 6px; padding: 12px 16px; margin-top: 10px; gap: 12px; }
.investmentAmount input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #f3f8f6; font-size: 30px; font-weight: 700; }
.investmentAmount > div:focus-within { outline: 2px solid #1ab0a5; }
.investmentAmount input:disabled { opacity: .7; }
.investmentReceiver { font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; color: #b0c0b6; }
.investmentRules details { margin-top: 20px; }
.investmentRules summary { cursor: pointer; color: #27c3b2; padding: 12px 0; }
#paymentStatus { font-size: 14px; line-height: 1.8; color: #ebd493; }
#paymentTransaction { color: #27c3b2; display: inline-block; margin-bottom: 16px; }
#paymentTransaction[hidden] { display: none; }
.investmentRules h2 { font-size: 28px; margin: 12px 40px 18px 0; }
.rulesTime, .rulesRisk { color: #acbcb3; font-size: 14px; line-height: 1.8; }
.investmentRules dl { margin: 24px 0; }
.investmentRules dt { border-top: 1px solid #34473c; padding-top: 18px; font-size: 20px; font-weight: 700; color: #27c3b2; }
.investmentRules dd { margin: 10px 0 20px; font-size: 15px; line-height: 1.85; }
.rulesExample { border-left: 3px solid #27c3b2; padding-left: 16px; font-size: 14px; line-height: 1.8; }
.rulesAgreement { display: flex; gap: 12px; align-items: flex-start; margin: 24px 0; font-size: 14px; line-height: 1.7; }
.rulesAgreement input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 3px; accent-color: #1ab0a5; }
.investmentRules .primary:disabled { opacity: .4; cursor: not-allowed; }
.investmentRules .walletActions button { white-space: normal; }
@media (max-width: 600px) { .investmentRules { padding: 24px 18px; } .investmentRules h2 { font-size: 24px; } }

html[lang="en"] .cnName {
  display: none;
}

.cnName {
  margin-top: 18px;
  color: rgba(243, 248, 246, 0.92);
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 760;
}

.subtitle {
  margin-top: 10px;
  color: var(--teal);
  font-size: clamp(14px, 1.6vw, 18px);
  font-weight: 900;
}

.intro {
  width: min(100%, 620px);
  margin-top: 44px;
  color: var(--muted);
  font-size: clamp(15px, 1.55vw, 18px);
  line-height: 1.85;
}

.heroContent .subtitle {
  font-size: 30px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.heroPerformance {
  margin-top: 28px;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.heroPerformance p {
  margin-top: 12px;
  color: var(--muted);
  font-size: 14px;
}

#heroReturnRate { font-size: 64px; color: var(--teal); }
#heroBtcEquity, #heroRealizedPnl { font-size: 26px; }

.heroPerformance strong {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  font-size: 38px;
  line-height: 1.25;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 480px) {
  .heroContent .subtitle { font-size: 24px; }
  .heroPerformance strong { font-size: 28px; }
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.primary,
.secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}

.primary {
  border: 1px solid rgba(26, 176, 165, 0.72);
  background: var(--teal);
  color: #04100f;
}

.secondary {
  border: 1px solid rgba(243, 248, 246, 0.18);
  background: rgba(243, 248, 246, 0.06);
  color: rgba(243, 248, 246, 0.84);
}

.primary:hover,
.primary:focus-visible {
  background: var(--green);
  color: #03100b;
}

.secondary:hover,
.secondary:focus-visible {
  border-color: rgba(243, 248, 246, 0.42);
  color: var(--ink);
}

.heroFooter {
  justify-content: flex-start;
  color: rgba(243, 248, 246, 0.62);
  font-size: 11px;
  font-weight: 800;
}

.heroFooter span:nth-child(2) {
  width: 72px;
  height: 1px;
  background: rgba(243, 248, 246, 0.32);
}

.siteFooter {
  padding: 28px clamp(20px, 6vw, 92px);
  border-top: 1px solid var(--line);
  background: #050807;
}

.info {
  padding: 84px clamp(22px, 6vw, 92px) 96px;
  background: linear-gradient(180deg, #050807 0%, #0a0f0e 100%);
}

.records {
  padding: 84px clamp(22px, 6vw, 92px) 104px;
  background: #0a0f0e;
}

.sectionTitle {
  width: min(1180px, 100%);
  margin: 0 auto;
}

h2 {
  max-width: 680px;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.12;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  width: min(1180px, 100%);
  margin: 42px auto 0;
  border: 1px solid var(--line);
  background: var(--line);
}

.recordsList {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  gap: 1px;
  width: min(1180px, 100%);
  max-height: min(560px, 70svh);
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--teal) #0b1110;
  margin: 42px auto 0;
  border: 1px solid var(--line);
  background: var(--line);
}

.recordsList:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 4px;
}

.recordCard {
  display: grid;
  grid-template-columns: 120px minmax(300px, 1fr) minmax(130px, auto) auto;
  grid-template-rows: auto;
  align-items: center;
  gap: 8px 24px;
  min-height: 68px;
  padding: 10px 24px;
  background: #0b1110;
}

.recordCard > span {
  grid-column: 1;
  grid-row: 1;
  color: var(--teal);
  font-size: 14px;
  font-weight: 900;
}

.recordPnl {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: baseline;
  gap: 12px;
  white-space: nowrap;
}

.recordCard h3 {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
}

.recordCard strong {
  font-size: 20px;
}

.recordCard p {
  grid-column: 3;
  grid-row: 1;
  margin: 0;
  color: rgba(243, 248, 246, 0.64);
  font-size: 14px;
  line-height: 1.7;
}

.recordCard a {
  grid-column: 4;
  grid-row: 1;
  align-self: center;
  justify-self: end;
  margin: 0;
  padding: 12px 0;
  color: var(--teal);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.recordCard > * { min-width: 0; overflow-wrap: anywhere; }
.recordCard a:hover { text-decoration: underline; }
.recordCard a:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }

@media (max-width: 1000px) {
  .recordCard {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: repeat(3, auto);
    gap: 6px 12px;
    padding: 12px 16px;
  }
  .recordCard > span { grid-column: 1; grid-row: 1; }
  .recordPnl { grid-column: 1 / -1; grid-row: 2; gap: 8px; }
  .recordCard h3 { font-size: 13px; }
  .recordCard strong { font-size: 18px; }
  .recordCard p { grid-column: 1 / -1; grid-row: 3; font-size: 13px; }
  .recordCard a { grid-column: 2; grid-row: 1; padding: 4px 0; }
}

.recordsEmpty {
  grid-column: 1 / -1;
  padding: 28px;
  background: #0b1110;
  color: var(--muted);
}

.up {
  color: var(--green);
}

.down {
  color: #ff5e57;
}

article {
  min-height: 260px;
  padding: 30px;
  background: #0b1110;
}

article span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
}

h3 {
  margin: 72px 0 14px;
  font-size: 22px;
}

article p {
  color: rgba(243, 248, 246, 0.66);
  font-size: 15px;
  line-height: 1.75;
}

.walletDialog {
  width: min(620px, calc(100% - 32px));
  margin: auto;
  padding: 32px;
  border: 1px solid rgba(243, 248, 246, 0.16);
  border-radius: 8px;
  background: #0b1110;
  color: var(--ink);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.68);
}

.walletDialog::backdrop {
  background: rgba(2, 5, 4, 0.82);
  backdrop-filter: blur(8px);
}

.walletClose {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 36px;
  height: 36px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(243, 248, 246, 0.06);
  color: rgba(243, 248, 246, 0.72);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.walletDialog h2 {
  font-size: clamp(26px, 4vw, 38px);
}

.walletIntro {
  margin-top: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.walletAddress {
  margin-top: 22px;
  padding: 16px;
  border: 1px solid rgba(26, 176, 165, 0.28);
  border-radius: 8px;
  background: rgba(243, 248, 246, 0.05);
  color: rgba(243, 248, 246, 0.94);
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.walletMessage {
  min-height: 20px;
  margin-top: 12px;
  color: var(--teal);
  font-size: 13px;
}

.walletActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

@media (max-width: 720px) {
  .hero {
    padding: 22px 20px 20px;
  }

  .topbar {
    align-items: flex-start;
  }

  nav {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 13px;
    padding-top: 10px;
  }

  nav a,
  .walletNavButton {
    font-size: 11px;
  }

  .languageSwitch {
    order: 10;
  }

  .heroContent {
    align-self: end;
    padding: 84px 0 48px;
  }

  h1 {
    font-size: 64px;
  }

  .cnName {
    font-size: 28px;
  }

  .actions,
  .primary,
  .secondary {
    width: 100%;
  }

  .heroFooter {
    justify-content: space-between;
    gap: 10px;
  }

  .heroFooter span:nth-child(2) {
    flex: 1;
    width: auto;
  }

  .info {
    padding: 58px 20px 70px;
  }

  .records {
    padding: 58px 20px 70px;
  }

  .grid,
  .recordsList {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  article {
    min-height: 220px;
    padding: 26px 22px;
  }

  h3 {
    margin-top: 48px;
  }

  .walletDialog {
    padding: 28px 20px 22px;
  }

  .walletActions,
  .walletActions .primary,
  .walletActions .secondary {
    width: 100%;
  }
}

.brand:has(.environmentBadge) { flex-wrap: wrap; gap: 12px; }
.environmentBadge { color: #f1cf78; border: 1px solid #67582e; padding: 6px 10px; font-size: 12px; line-height: 1.5; border-radius: 4px; }