/* TOKENPOCKETZ_SITE_DESIGN_V3 — complete replacement stylesheet. No legacy CSS and no appended overrides. */
:root{--bg:#ffffff;--surface:#ffffff;--surface-soft:#f6f9ff;--blue:#3486fa;--blue-hover:#1671ef;--blue-light:#eaf3ff;--text:#414449;--muted:#747982;--line:#edf0f5;--shadow:0 22px 64px rgba(51,100,151,.09);--radius:18px;--nav-height:76px;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
:root[data-theme="dark"]{--bg:#10141d;--surface:#191f2a;--surface-soft:#151d2a;--blue:#5b98ff;--blue-hover:#4488f8;--blue-light:#192d4a;--text:#f0f3f9;--muted:#a4adbd;--line:#313a49;--shadow:0 24px 70px rgba(0,0,0,.2);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6ea8ff;outline-offset:3px}
svg.icon{width:20px;height:20px;flex:0 0 auto}
.section-container{width:min(1060px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:10px;z-index:100;background:var(--blue);color:#fff;padding:12px 16px;border-radius:8px}
.skip-link:focus{top:10px}
.loading-shell{text-align:center;padding:120px 18px}
.loading-shell a{color:var(--blue)}
/* TOKENPOCKETZ_MEGA_NAV_V5 */

.site-header {
  position: relative;
  z-index: 30;
  background: var(--surface);
}

.site-root {
  min-height: 100vh;
  overflow: hidden;
}

.nav-inner {
  position: relative;
  z-index: 2;
  height: var(--nav-height);
  max-width: 1060px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 52px;
}

.brand-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  flex: 0 0 auto;
}

.brand-symbol {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  flex: 0 0 37px;
}

.brand-symbol img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 9px;
}

.brand-symbol svg {
  display: none;
}

.brand-text {
  font-size: 20px;
  font-weight: 760;
  letter-spacing: -.5px;
  color: var(--text);
}

.brand-text b {
  font-weight: 850;
}

.desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex: 1;
  height: 100%;
}

.nav-drop {
  position: static;
  height: 100%;
  display: flex;
  align-items: center;
}

.nav-button,
.nav-simple {
  height: 100%;
  border: 0;
  background: none;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 450;
  white-space: nowrap;
  transition: color .18s;
}

.nav-button:hover,
.nav-simple:hover,
.nav-drop.is-open .nav-button,
.nav-drop:hover .nav-button {
  color: var(--blue);
}

.nav-button .icon,
.lang-trigger .icon:last-child {
  width: 13px;
  height: 13px;
}

/* 展开状态的蓝色指示线 */

.nav-drop:hover .nav-button::after,
.nav-drop.is-open .nav-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 42px;
  height: 2px;
  background: var(--blue);
}

/* 页面遮罩 */

.site-header::after {
  content: "";
  display: none;
  position: fixed;
  inset: var(--nav-height) 0 0;
  background: rgba(22, 35, 55, .14);
  z-index: 1;
}

.site-header:has(.nav-drop:hover)::after,
.site-header:has(.nav-drop.is-open)::after {
  display: block;
}

/* 全宽菜单 */

.nav-panel {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 100vw;
  transform: translateX(-50%);

  background: var(--surface);
  border-top: 1px solid var(--line);
  box-shadow: 0 22px 35px rgba(24, 50, 90, .07);
  z-index: 5;
}

.nav-drop:hover .nav-panel,
.nav-drop:focus-within .nav-panel,
.nav-drop.is-open .nav-panel {
  display: block;
}

.mega-menu-inner {
  width: min(1060px, calc(100% - 48px));
  min-height: 288px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  gap: 70px;
  padding: 28px 0 34px;
}

/* 左侧独立品牌插画区域 */

.mega-menu-art {
  position: relative;
  min-height: 224px;
  padding: 22px;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;

  color: #1d5097;
  background: linear-gradient(
    145deg, #f1faff 4%, #d9efff 66%, #cdebe9
  );
  border-radius: 20px;
}

.mega-menu-art-glow {
  position: absolute;
  z-index: -1;
  width: 175px;
  height: 175px;
  left: 40px;
  top: 7px;
  border-radius: 50%;
  background: radial-gradient(circle, #a6d9ff, transparent 69%);
}

.mega-menu-art-symbol {
  position: absolute;
  left: 77px;
  top: 20px;
  width: 110px;
  height: 110px;

  display: grid;
  place-items: center;

  border: 2px solid #4b9ffb;
  border-radius: 30px;
  background: linear-gradient(135deg, #7cbcff, #267af0);

  box-shadow:
    12px 18px 0 #7cbdf150,
    0 15px 25px #3179da35;

  transform: rotate(-12deg);
  color: #fff;
}

.mega-menu-art-symbol .icon {
  width: 60px;
  height: 60px;
  stroke-width: 1.2;
}

.mega-menu-art-bubble {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #a0edee99;
  border: 1px solid #c3e7f9;
}

.mega-menu-art-bubble.bubble-a {
  right: 20px;
  top: 23px;
  transform: rotate(18deg);
}

.mega-menu-art-bubble.bubble-b {
  left: 28px;
  top: 89px;
  width: 22px;
  height: 22px;
  transform: rotate(-22deg);
}

.mega-menu-art strong {
  z-index: 1;
  font-size: 17px;
  color: #234e86;
}

.mega-menu-art small {
  z-index: 1;
  font-size: 12px;
  color: #5d82a6;
}

.mega-menu-art-tools {
  background: linear-gradient(140deg, #e9f7fe, #dce8ff);
}

.mega-menu-art-trade {
  background: linear-gradient(140deg, #ecf9f5, #dbeaff);
}

.mega-menu-art-build {
  background: linear-gradient(140deg, #f1f4ff, #d9eefc);
}

.mega-menu-art-support {
  background: linear-gradient(140deg, #e7f9ff, #dcf0ee);
}

/* 右侧菜单列表 */

.mega-menu-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 14px 34px;
  padding: 7px 0;
}

.mega-menu-link {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 14px;
  align-items: start;
  gap: 11px;
  padding: 9px 5px;
  border-radius: 10px;
  transition: background .15s;
}

.mega-menu-link:hover,
.mega-menu-link:focus-visible {
  background: var(--surface-soft);
}

.mega-menu-link-icon {
  display: grid;
  place-items: center;
  color: var(--text);
  padding-top: 2px;
}

.mega-menu-link-icon .icon {
  width: 19px;
  height: 19px;
}

.mega-menu-link-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mega-menu-link-text strong {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.35;
}

.mega-menu-link-text small {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.55;
}

.mega-menu-link-arrow {
  opacity: 0;
  color: var(--blue);
}

.mega-menu-link-arrow .icon {
  width: 14px;
  height: 14px;
}

.mega-menu-link:hover .mega-menu-link-arrow {
  opacity: 1;
}

/* 保留原有主题、语言和移动菜单 */

.header-actions {
  display: flex;
  align-items: center;
  gap: 17px;
}

.icon-btn,
.lang-trigger {
  border: 0;
  background: none;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-btn {
  width: 34px;
  height: 36px;
}

.icon-btn:hover,
.lang-trigger:hover {
  color: var(--blue);
}

.lang-trigger {
  gap: 8px;
  padding: 8px 0;
  white-space: nowrap;
  font-size: 14px;
}

/* TOKENPOCKETZ_LANGUAGE_MENU_V8 */

.language-wrap {
  position: relative;
}

.language-pop {
  position: absolute;
  z-index: 8;
  top: 46px;
  right: 0;

  width: 200px;
  max-height: min(60vh, 400px);
  overflow-y: auto;

  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 14px;

  background: var(--surface);
  box-shadow: var(--shadow);
}

.language-pop button {
  display: flex;
  align-items: center;

  width: 100%;
  padding: 12px 14px;

  border: 0;
  border-radius: 9px;
  background: transparent;

  color: var(--text);
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.language-pop button:hover,
.language-pop button:focus-visible {
  background: var(--surface-soft);
}

.language-pop button[aria-pressed="true"] {
  background: var(--blue-light);
  color: var(--blue);
  font-weight: 650;
}

/* 手机菜单内部的语言选择 */

.mobile-language {
  width: 100%;
}

.mobile-language summary {
  color: var(--text);
  cursor: pointer;
}

.mobile-language summary .icon {
  width: 17px;
  height: 17px;
}

.mobile-language-options {
  display: grid;
  gap: 6px;
}

.mobile-language-options button {
  width: 100%;
  padding: 12px;

  border: 0;
  border-radius: 9px;

  background: transparent;
  color: var(--text);

  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.mobile-language-options button:hover,
.mobile-language-options button:focus-visible {
  background: var(--surface);
}

.mobile-language-options button[aria-pressed="true"] {
  background: var(--blue-light);
  color: var(--blue);
  font-weight: 650;
}

.hamburger,
.mobile-nav {
  display: none;
}
.eyebrow{font-size:12px;letter-spacing:2.8px;color:var(--blue);font-weight:780}
.small-eyebrow{margin-bottom:17px}
.btn{min-height:52px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;font-size:15px;font-weight:480;border:1px solid transparent;transition:transform .18s,background .18s,box-shadow .18s}
.btn svg{width:17px;height:17px}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#3486fa;color:#fff;box-shadow:none}
.btn-primary:hover{background:var(--blue-hover)}
.btn-outline{border-color:#aeb3bc;background:transparent;color:var(--text)}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.button-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.9px}
h2{font-size:43px;line-height:1.24;font-weight:700}
p{color:var(--muted)}
/* TOKENPOCKETZ_HERO_V6 */

.hero {
  min-height: 642px;
  display: grid;
  grid-template-columns: 46% 54%;
  gap: 16px;
  align-items: center;
  padding: 40px 0 58px;
}

.hero-copy {
  position: relative;
  z-index: 2;
  padding: 0;
  transform: none;
}

.hero .small-eyebrow:empty {
  display: none;
}

.hero h1 {
  margin: 0;
  max-width: 500px;
  font-size: clamp(40px, 3.5vw, 54px);
  font-weight: 610;
  line-height: 1.22;
  letter-spacing: -1.7px;
  color: var(--text);
}

.hero h1 span {
  color: inherit;
  font-weight: inherit;
}

.hero-description {
  margin: 25px 0 34px;
  max-width: 475px;
  color: var(--muted);
  line-height: 1.85;
  font-size: 16px;
}

.hero-warning {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.hero-warning .icon {
  width: 16px;
  height: 16px;
  color: var(--blue);
}

.hero-art {
  position: relative;
  width: 575px;
  height: 535px;
  max-width: none;
  isolation: isolate;
  transform: none;
}

.hero-halo {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
}

.halo-one {
  width: 435px;
  height: 435px;
  top: 59px;
  left: 91px;
  background: linear-gradient(
    135deg, #d4f8ed, #bde2fa 75%
  );
}

.hero-square {
  position: absolute;
  z-index: -1;
  width: 66px;
  height: 66px;
  border-radius: 10px;
  background: #d9eeff;
  opacity: .68;
}

.hero-square-a {
  top: 11px;
  left: 65px;
  width: 83px;
  height: 83px;
}

.hero-square-b {
  top: 66px;
  left: 14px;
}

.hero-square-c {
  top: 34px;
  right: 14px;
}

/* 两台钱包设备 */

.hero-device {
  position: absolute;
  top: 44px;
  width: 218px;
  height: 437px;
  border: 8px solid #222a35;
  border-radius: 38px;
  background: #fff;
  box-shadow: 0 26px 48px #192c4d2b;
  overflow: hidden;
  color: #1d2a3b;
}

.hero-device-back {
  left: 139px;
  top: 54px;
  transform: rotate(-6deg);
  z-index: 2;
}

.hero-device-front {
  left: 290px;
  transform: rotate(10deg);
  z-index: 3;
}

.hero-device-camera {
  position: absolute;
  top: -1px;
  left: 31%;
  width: 38%;
  height: 17px;
  background: #222a35;
  border-radius: 0 0 12px 12px;
  z-index: 4;
}

.hero-device-screen {
  padding: 33px 13px 16px;
  height: 100%;
  background: #fff;
  overflow: hidden;
}

.hero-device-brand {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  font-weight: 750;
  color: #233347;
}

.hero-device-brand img {
  width: 15px;
  height: 15px;
  border-radius: 4px;
}

.hero-device-kicker {
  margin: 25px 0 8px;
  font-size: 11px;
  font-weight: 650;
  color: #526b8b;
}

.hero-device-card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 92px;
  padding: 14px 12px;
  border-radius: 13px;
  background: linear-gradient(
    135deg, #247ef3, #58b2ff
  );
  color: #fff;
  box-shadow: 0 7px 16px #268af626;
}

.hero-device-card small {
  font-size: 7px;
  letter-spacing: .8px;
  color: #e2efff;
}

.hero-device-card strong {
  font-size: 16px;
  line-height: 1.4;
}

.hero-device-card span {
  font-size: 9px;
  color: #e8f4ff;
}

.hero-device-card-soft {
  background: #eaf4ff;
  color: #2461a3;
  box-shadow: none;
}

.hero-device-card-soft strong {
  font-size: 13px;
}

.hero-device-card-soft small {
  color: #6d96bb;
}

.hero-device-card-soft .icon {
  height: 20px;
  width: 20px;
  color: #287ff0;
}

/* 设备内部功能图标 */

.hero-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin: 13px 0 12px;
}

.hero-shortcuts span {
  text-align: center;
  font-size: 7px;
  color: #73849a;
  white-space: nowrap;
}

.hero-shortcuts b {
  display: grid;
  place-items: center;
  width: 31px;
  height: 30px;
  border-radius: 9px;
  margin: 0 auto 4px;
  background: #eef5ff;
  color: #287ff0;
}

.hero-shortcuts .icon {
  width: 15px;
  height: 15px;
}

.hero-asset-row {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #eef2f6;
  font-size: 10px;
}

.hero-asset-row strong {
  flex: 1;
  font-weight: 580;
  color: #35465d;
}

.hero-asset-row small {
  font-size: 8px;
  color: #9aabc0;
}

.hero-asset-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 12px;
}

.hero-asset-icon.btc { background: #f4a622; }
.hero-asset-icon.eth { background: #6173a9; }
.hero-asset-icon.trx { background: #ed3e56; }
.hero-asset-icon.bnb { background: #edc02b; }

.hero-device-tabs {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: space-around;
  color: #9bb0c6;
}

.hero-device-tabs .icon {
  width: 15px;
  height: 15px;
}

/* 悬浮安全提示 */

.hero-security-badge {
  position: absolute;
  left: 67px;
  bottom: 32px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  transform: rotate(-9deg);
  background: #17273f;
  color: #fff;
  border: 5px solid #26364d;
  border-radius: 18px;
  padding: 19px 16px;
  box-shadow: 0 20px 34px #0c213950;
}

.hero-security-badge > .icon {
  width: 31px;
  height: 31px;
  color: #67c2f9;
}

.hero-security-badge span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.hero-security-badge strong {
  font-size: 12px;
}

.hero-security-badge small {
  font-size: 9px;
  color: #b8cee5;
}
.overview-band{background:linear-gradient(110deg,#3d8afe,#3181f1);padding:65px 0;color:#ffffff}
.band-inner{display:flex;gap:75px;align-items:center}
.band-intro{flex:0 0 330px}
.band-intro h2{font-size:26px;line-height:1.32;color:#fff;margin:9px 0 9px;font-weight:550}
.band-intro p{font-size:13px;line-height:1.8;color:#e1ecff;margin:0}
.feature-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:30px}
.feature-stats>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;color:#fff}
.feature-stats .icon{width:27px;height:27px;color:#ffffff;margin-bottom:5px}
.feature-stats strong{font-size:16px;color:#fff;font-weight:650}
.feature-stats small{font-size:11px;color:#e4efff}
.feature-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;padding:135px 0}
.feature-copy .eyebrow{display:block;margin-bottom:18px}
.feature-copy h2{font-size:clamp(32px,3vw,42px);line-height:1.3;font-weight:530;letter-spacing:-.8px;margin:18px 0}
.feature-copy p{font-size:16px;line-height:1.9;max-width:530px}
.check-list{display:grid;gap:12px;margin:29px 0 34px}
.check-list>div{display:flex;gap:12px;align-items:center;font-weight:600}
.check-list .icon{width:20px;height:20px;padding:3px;color:var(--blue);background:var(--blue-light);border-radius:50%}
.illustration{position:relative;min-height:440px;display:grid;place-items:center}
.security-illustration{border-radius:52%;background:radial-gradient(circle at 50% 50%,#f0f8ffc9 25%,#e7f2ff99 49%,transparent 72%)}
.security-shield{width:260px;height:310px;background:linear-gradient(145deg,#c2e9ff,#428cfa);border-radius:50% 50% 30% 30%;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:0 30px 70px #408de24d}
.security-shield .icon{width:160px;height:160px;color:#fff;stroke-width:1.3}
.security-float,.security-check{position:absolute;background:#fff;box-shadow:var(--shadow);border:1px solid #eef3fa;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:10px;color:#43516a;font-size:13px;font-weight:700}
.security-float{top:20%;right:0;transform:rotate(5deg)}
.security-check{left:0;bottom:16%;transform:rotate(-5deg)}
.security-float .icon,.security-check .icon{color:#3485ed}
.bubble{position:absolute;border-radius:50%;background:#d8f0ff}
.b1{width:70px;height:70px;top:0;left:13%}
.b2{width:36px;height:36px;bottom:2%;right:15%}
.trade-section{background:#f8fbff;padding:110px 0}
.section-heading{text-align:center;max-width:770px;margin:0 auto 60px}
.section-heading h2{font-size:42px;font-weight:530;letter-spacing:-1px}
.section-heading p{font-size:16px;line-height:1.85}
.trade-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.trade-card{min-height:295px;background:var(--surface);padding:36px 30px;border-radius:24px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s,box-shadow .18s}
.trade-card:hover,.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.trade-card-icon,.info-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--blue-light);color:var(--blue)}
.trade-card-icon .icon{width:31px;height:31px}
.trade-card strong{font-size:22px;margin:29px 0 9px}
.trade-card p{margin:0;font-size:14px;line-height:1.8}
.arrow-indicator{margin-top:auto;align-self:flex-end;color:var(--blue)}
.dapp-illustration{background:radial-gradient(circle at 50% 50%,#e3f0ffdd 0,#dbf9f3c2 49%,transparent 70%)}
.dapp-glow{position:absolute;inset:20% 15%;border-radius:50%;border:1px solid #a0d9ff}
.dapp-window{width:320px;min-height:350px;padding:18px;background:#fff;border:1px solid #e1e9f4;border-radius:24px;box-shadow:0 33px 70px #3b79c128;transform:rotate(7deg);position:relative;z-index:3}
.dapp-dots{display:flex;gap:5px}
.dapp-dots i{width:7px;height:7px;background:#cbd7e6;border-radius:50%}
.dapp-head{display:flex;justify-content:space-between;align-items:center;padding:22px 6px 20px;font-weight:800;font-size:23px;color:#303b4d}
.dapp-head span:last-child{color:#3488f4}
.dapp-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dapp-mini-grid>div{height:104px;background:#eef5ff;display:grid;place-items:center;border-radius:14px;color:#3185f1}
.dapp-mini-grid>div:nth-child(2){background:#ecfbf3;color:#31b991}
.dapp-mini-grid>div:nth-child(3){background:#fff1ee;color:#ed946b}
.dapp-mini-grid>div:nth-child(4){background:#f1edff;color:#9a72eb}
.dapp-mini-grid small{display:block;font-size:12px;font-weight:700}
.dapp-orbit{position:absolute;display:grid;place-items:center;z-index:4;width:67px;height:67px;border-radius:19px;background:#3488f4;color:#fff;font-size:24px;box-shadow:0 14px 30px #4d89d855}
.dapp-orbit.one{left:3%;top:24%;transform:rotate(-18deg)}
.dapp-orbit.two{right:3%;bottom:21%;transform:rotate(15deg);background:#4aceb6}
.community-section{padding:108px 0;background:#f6f9ff}
.community-content{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.community-content h2{margin:16px 0}
.community-content p{font-size:16px;margin-bottom:26px}
.community-emblems{display:flex;justify-content:space-around;gap:24px;align-items:center}
.community-emblems span{display:grid;place-items:center;width:103px;height:103px;border-radius:27px;background:#fff;box-shadow:0 15px 30px #4566ac0b;color:#377ff1;transform:rotate(-7deg)}
.community-emblems span:nth-child(2){transform:rotate(9deg);margin-top:60px}
.community-emblems span:nth-child(3){transform:rotate(-4deg);margin-top:-28px}
.community-emblems .icon{width:48px;height:48px}
.cta-section{padding-block:105px}
.cta-panel{background:linear-gradient(110deg,#397ef7,#69b9ff);border-radius:28px;padding:66px 65px;display:flex;justify-content:space-between;gap:40px;align-items:center;overflow:hidden;position:relative}
.cta-panel::after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff77;border-radius:50%;top:-130px;right:24%}
.cta-panel h2{font-size:35px;color:#fff;margin-bottom:14px;position:relative;z-index:1}
.cta-panel p{color:#e8f3ff;margin:0;font-size:16px;position:relative;z-index:1}
.cta-panel .btn{position:relative;z-index:1;background:#fff;color:#347ff9;white-space:nowrap}
.page-heading{padding-top:110px;padding-bottom:72px;text-align:center}
.page-heading h1{font-size:48px;line-height:1.18;max-width:850px;margin:20px auto}
.page-heading p{font-size:17px;max-width:710px;margin:0 auto;line-height:1.8}
.subpage-section{min-height:320px;padding-bottom:105px}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.info-card{padding:28px;display:flex;align-items:center;gap:22px;min-height:146px;background:var(--surface);border:1px solid var(--line);border-radius:20px;transition:transform .2s,box-shadow .2s}
.info-icon{width:60px;height:60px;flex:0 0 60px}
.info-icon .icon{width:28px;height:28px}
.info-card-body{flex:1;min-width:0}
.info-card h3{font-size:18px;margin:0 0 8px}
.info-card p{font-size:13px;margin:0;line-height:1.7}
.info-arrow{align-self:center;color:var(--blue);display:flex;align-items:center;gap:8px}
.info-arrow small{font-size:11px;white-space:nowrap;color:var(--muted)}
.notice-card{margin-top:35px;background:var(--surface-soft);border:1px solid var(--line);border-radius:18px;padding:23px 28px;display:flex;gap:14px;align-items:center}
.notice-card .icon{color:var(--blue)}
.notice-card p{margin:0;font-size:14px}
/* TOKENPOCKETZ_DOWNLOAD_PAGE_V4 */

.tpz-download-page {
  position: relative;
  padding-top: 32px;
  padding-bottom: 110px;
  min-height: 720px;
}

.tpz-dl-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* 平台分类 */

.tpz-dl-tabs {
  margin: 0 auto 30px;
  padding: 6px;
  max-width: 530px;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;

  background: #f1f2f4;
  border-radius: 36px;
}

.tpz-dl-tabs label {
  min-height: 47px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;

  cursor: pointer;
  border-radius: 30px;

  color: #3e4249;
  font-size: 15px;
  white-space: nowrap;

  transition: background .2s, color .2s;
}

.tpz-dl-tabs .icon {
  width: 20px;
  height: 20px;
}

#tpz-dl-android:checked ~ .tpz-dl-tabs label[for="tpz-dl-android"],
#tpz-dl-ios:checked ~ .tpz-dl-tabs label[for="tpz-dl-ios"],
#tpz-dl-extension:checked ~ .tpz-dl-tabs label[for="tpz-dl-extension"] {
  color: #252c36;
  background: #ffffff;
  box-shadow: 0 2px 10px #102b5210;
}

.tpz-dl-radio:focus-visible ~ .tpz-dl-tabs {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
}

/* 主体 */

.tpz-dl-stage {
  display: grid;
  grid-template-columns: 55% 45%;
  align-items: center;
  gap: 30px;

  max-width: 1040px;
  margin: 0 auto;
}

.tpz-dl-visual {
  position: relative;
  height: 530px;
  overflow: hidden;
}

.tpz-dl-halo {
  position: absolute;

  width: 420px;
  height: 420px;

  left: 50%;
  top: 85px;

  transform: translateX(-50%);
  border-radius: 50%;

  background: linear-gradient(140deg, #dff0ff, #c4eef1);
}

/* 钱包设备展示 */

.tpz-dl-phone {
  position: absolute;

  width: 244px;
  height: 456px;

  padding: 34px 13px 12px;

  border: 8px solid #22262c;
  border-radius: 36px;

  background: #ffffff;
  color: #202934;

  box-shadow: 0 18px 30px #1422351c;
  overflow: hidden;
}

.tpz-dl-phone-back {
  left: 13%;
  top: 53px;
  transform: rotate(-7deg);
}

.tpz-dl-phone-front {
  left: 43%;
  top: 36px;
  transform: rotate(10deg);
}

.tpz-dl-camera {
  position: absolute;
  top: 0;
  left: 32%;

  width: 36%;
  height: 15px;

  border-radius: 0 0 13px 13px;
  background: #22262c;
}

.tpz-dl-phone-head {
  display: flex;
  align-items: center;
  gap: 5px;

  font-size: 11px;
  font-weight: 700;

  margin: 5px 0 18px;
}

.tpz-dl-phone-head img {
  height: 17px;
  width: 17px;
  border-radius: 4px;
}

.tpz-dl-balance {
  padding: 15px 12px;
  border-radius: 11px;

  background: #338aff;
  color: white;

  margin-bottom: 16px;
}

.tpz-dl-balance small {
  display: block;
  font-size: 9px;
  letter-spacing: .8px;
  color: #eaf5ff;
}

.tpz-dl-balance strong {
  font-size: 23px;
  line-height: 1.5;
}

.tpz-dl-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin-bottom: 15px;
}

.tpz-dl-actions i {
  display: grid;
  place-items: center;

  height: 31px;

  background: #eef5ff;
  border-radius: 8px;
  color: #378afd;

  font-style: normal;
  font-size: 17px;
}

.tpz-dl-asset {
  display: flex;
  align-items: center;
  gap: 7px;

  border-bottom: 1px solid #edf1f7;
  padding: 10px 1px;

  font-size: 11px;
}

.tpz-dl-asset b {
  display: grid;
  place-items: center;

  width: 22px;
  height: 22px;

  border-radius: 50%;
  background: #eaf2fd;
  color: #3486fa;

  font-size: 13px;
}

.tpz-dl-asset em {
  margin-left: auto;
  color: #a0aab6;
  font-size: 10px;
  font-style: normal;
}

/* 不同平台的信息 */

.tpz-dl-panel {
  display: none;
  max-width: 450px;
}

#tpz-dl-android:checked ~ .tpz-dl-stage .tpz-dl-panel-android,
#tpz-dl-ios:checked ~ .tpz-dl-stage .tpz-dl-panel-ios,
#tpz-dl-extension:checked ~ .tpz-dl-stage .tpz-dl-panel-extension {
  display: block;
}

.tpz-dl-panel h1 {
  font-size: clamp(27px, 2.6vw, 40px);
  line-height: 1.3;
  font-weight: 700;

  color: var(--text);
  margin: 0 0 20px;
}

.tpz-dl-panel p {
  font-size: 17px;
  line-height: 1.85;
  margin: 0 0 32px;
}

/* 下载按钮 */

.tpz-dl-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.tpz-dl-primary,
.tpz-dl-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 12px;
  min-height: 54px;
  min-width: 225px;

  padding: 10px 26px;
  border-radius: 12px;

  font-weight: 650;
  font-size: 15px;
}

.tpz-dl-primary {
  background: #22252a;
  color: white;
}

.tpz-dl-primary:hover {
  background: #3a424c;
}

.tpz-dl-secondary {
  border: 1px solid #ced4df;
  color: var(--text);
  background: var(--surface);
}

.tpz-dl-buttons .icon {
  width: 19px;
  height: 19px;
}

.tpz-dl-note {
  display: block;
  margin-top: 24px;

  color: var(--muted);
  font-size: 12px;
  line-height: 1.75;
}

/* 深色模式 */

:root[data-theme="dark"] .tpz-dl-tabs {
  background: #242a36;
}

:root[data-theme="dark"] .tpz-dl-tabs label {
  color: #c8d1e0;
}

:root[data-theme="dark"]
#tpz-dl-android:checked ~ .tpz-dl-tabs label[for="tpz-dl-android"],

:root[data-theme="dark"]
#tpz-dl-ios:checked ~ .tpz-dl-tabs label[for="tpz-dl-ios"],

:root[data-theme="dark"]
#tpz-dl-extension:checked ~ .tpz-dl-tabs label[for="tpz-dl-extension"] {
  background: #394253;
  color: white;
}

/* 平板 */

@media (max-width: 950px) {
  .tpz-download-page {
    padding-top: 22px;
    padding-bottom: 65px;
    min-height: 0;
  }

  .tpz-dl-stage {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }

  .tpz-dl-visual {
    width: min(100%, 520px);
    height: 490px;
    flex: 0 0 490px;
  }

  .tpz-dl-phone-back {
    left: 16%;
  }

  .tpz-dl-phone-front {
    left: 45%;
  }

  .tpz-dl-panels {
    width: 100%;
    text-align: center;
  }

  .tpz-dl-panel {
    margin: 0 auto;
  }

  .tpz-dl-buttons {
    align-items: center;
  }
}

/* 手机 */

@media (max-width: 640px) {
  .tpz-download-page {
    padding-top: 22px;
    padding-bottom: 55px;
  }

  .tpz-dl-tabs {
    margin-bottom: 24px;
    gap: 1px;
    padding: 5px;
  }

  .tpz-dl-tabs label {
    min-height: 43px;
    font-size: 12px;
    gap: 5px;
  }

  .tpz-dl-tabs .icon {
    width: 17px;
    height: 17px;
  }

  .tpz-dl-visual {
    width: 100%;
    height: 320px;
    flex-basis: 320px;
  }

  .tpz-dl-halo {
    width: 330px;
    height: 330px;
    top: 36px;
  }

  .tpz-dl-phone {
    transform-origin: top left;
    transform: scale(.70) rotate(-5deg);
  }

  .tpz-dl-phone-back {
    top: 28px;
    left: 12%;
  }

  .tpz-dl-phone-front {
    top: 34px;
    left: 44%;
    transform: scale(.70) rotate(7deg);
  }

  .tpz-dl-panel h1 {
    font-size: 27px;
    line-height: 1.35;
    margin-bottom: 14px;
  }

  .tpz-dl-panel p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 25px;
  }

  .tpz-dl-primary,
  .tpz-dl-secondary {
    min-width: 230px;
    min-height: 52px;
  }

  .tpz-dl-note {
    margin-top: 19px;
  }
}

@media (max-width: 385px) {
  .tpz-dl-visual {
    height: 285px;
    flex-basis: 285px;
  }

  .tpz-dl-phone-back {
    left: 9%;
    transform: scale(.62) rotate(-5deg);
  }

  .tpz-dl-phone-front {
    left: 42%;
    transform: scale(.62) rotate(7deg);
  }
}
/* TOKENPOCKETZ_DAPP_DIRECTORY_V6 */

.dapp-store {
  padding-top: 52px;
  padding-bottom: 125px;
}

.dapp-store-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 42px;
}

.dapp-store-header h1 {
  margin: 0;
  font-size: 26px;
  font-weight: 720;
  line-height: 1.3;
  color: var(--text);
}

.dapp-store-search {
  width: min(370px, 48%);
  height: 44px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  background: var(--surface-soft);
  border-radius: 30px;
  color: var(--muted);
}

.dapp-store-search .icon {
  width: 18px;
  height: 18px;
}

.dapp-store-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text);
  font-size: 13px;
}

.dapp-store-layout {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 38px;
}

.dapp-catalog-filter {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.dapp-store-sidebar {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-self: start;
}

.dapp-store-sidebar label {
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 550;
  color: var(--text);
  cursor: pointer;
  border-radius: 11px;
}

.dapp-store-sidebar label:hover {
  background: var(--surface-soft);
}

/* 分类选中样式 */

#dapp-cat-all:checked ~ .dapp-store-layout label[for="dapp-cat-all"],
#dapp-cat-dex:checked ~ .dapp-store-layout label[for="dapp-cat-dex"],
#dapp-cat-bridge:checked ~ .dapp-store-layout label[for="dapp-cat-bridge"],
#dapp-cat-defi:checked ~ .dapp-store-layout label[for="dapp-cat-defi"],
#dapp-cat-nft:checked ~ .dapp-store-layout label[for="dapp-cat-nft"],
#dapp-cat-tools:checked ~ .dapp-store-layout label[for="dapp-cat-tools"],
#dapp-cat-game:checked ~ .dapp-store-layout label[for="dapp-cat-game"] {
  background: var(--blue-light);
  color: var(--blue);
}

/* 分类筛选 */

#dapp-cat-dex:checked ~ .dapp-store-layout .dapp-catalog-card:not([data-category="dex"]),
#dapp-cat-bridge:checked ~ .dapp-store-layout .dapp-catalog-card:not([data-category="bridge"]),
#dapp-cat-defi:checked ~ .dapp-store-layout .dapp-catalog-card:not([data-category="defi"]),
#dapp-cat-nft:checked ~ .dapp-store-layout .dapp-catalog-card:not([data-category="nft"]),
#dapp-cat-tools:checked ~ .dapp-store-layout .dapp-catalog-card:not([data-category="tools"]),
#dapp-cat-game:checked ~ .dapp-store-layout .dapp-catalog-card:not([data-category="game"]) {
  display: none;
}

/* 主内容介绍 */

.dapp-store-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.dapp-store-intro h2 {
  font-size: 33px;
  font-weight: 680;
  line-height: 1.25;
  margin: 9px 0;
}

.dapp-store-intro p {
  font-size: 13px;
  max-width: 480px;
  line-height: 1.85;
  margin: 0;
}

.dapp-store-intro-mark {
  display: grid;
  place-items: center;
  width: 132px;
  height: 105px;
  border-radius: 24px;
  background: linear-gradient(125deg, #e5f4ff, #e6fff4);
  color: var(--blue);
  flex: 0 0 132px;
}

.dapp-store-intro-mark .icon {
  width: 66px;
  height: 66px;
  stroke-width: 1.25;
}

/* 专题 Banner */

.dapp-store-banner-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 25px 0 36px;
}

.dapp-store-banner {
  min-height: 140px;
  position: relative;
  padding: 24px 22px;
  border-radius: 19px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  overflow: hidden;
  transition: transform .2s;
}

.dapp-store-banner:hover {
  transform: translateY(-3px);
}

.dapp-store-banner > .icon {
  width: 29px;
  height: 29px;
  margin-bottom: 3px;
}

.dapp-store-banner strong {
  font-size: 17px;
  color: #fff;
}

.dapp-store-banner small {
  font-size: 11px;
  color: #dceaff;
}

.dapp-store-banner-blue {
  background: linear-gradient(120deg, #2977ec, #36b6ec);
  color: #fff;
}

.dapp-store-banner-dark {
  background: linear-gradient(120deg, #172540, #385587);
  color: #fff;
}

.dapp-store-banner::after {
  content: "";
  position: absolute;
  width: 145px;
  height: 145px;
  border: 1px solid #ffffff77;
  border-radius: 50%;
  right: -42px;
  top: -32px;
  box-shadow: 0 0 0 29px #ffffff11;
}

/* 分类卡片 */

.dapp-catalog-heading h2 {
  font-size: 24px;
  font-weight: 680;
  margin: 0 0 5px;
}

.dapp-catalog-heading p {
  font-size: 12px;
  margin: 0 0 21px;
}

.dapp-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.dapp-catalog-card {
  min-height: 181px;
  min-width: 0;
  padding: 19px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 17px;
  transition: transform .2s, box-shadow .2s;
}

.dapp-catalog-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}

.dapp-catalog-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #2b80f2;
  background: #eaf3ff;
}

.dapp-catalog-icon .icon {
  width: 28px;
  height: 28px;
}

.dapp-catalog-tone-1 {
  background: #e2faf7;
  color: #1ca7a3;
}

.dapp-catalog-tone-2 {
  background: #ecedff;
  color: #7466dc;
}

.dapp-catalog-tone-3 {
  background: #fff1e7;
  color: #db8b2b;
}

.dapp-catalog-tone-4 {
  background: #fbeafa;
  color: #bc60ba;
}

.dapp-catalog-card strong {
  font-size: 14px;
  font-weight: 630;
  color: var(--text);
  line-height: 1.4;
}

.dapp-catalog-card small {
  font-size: 11px;
  line-height: 1.55;
  color: var(--muted);
}

.dapp-catalog-tag {
  margin-top: auto;
  display: inline-block;
  border: 1px solid #cfe1ff;
  border-radius: 6px;
  color: var(--blue);
  padding: 2px 7px;
  font-size: 10px;
}

.dapp-catalog-card[hidden] {
  display: none !important;
}

.dapp-catalog-empty {
  padding: 25px;
  color: var(--muted);
  text-align: center;
}

.dapp-store-safe {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 30px;
  padding: 17px 20px;
  background: var(--surface-soft);
  border-radius: 14px;
  color: var(--muted);
  font-size: 12px;
}

.dapp-store-safe .icon {
  width: 22px;
  height: 22px;
  color: var(--blue);
  flex: none;
}

/* DApp 商店平板和手机 */

@media (max-width: 950px) {
  .dapp-store-layout {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 20px;
  }

  .dapp-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .dapp-store {
    padding-top: 26px;
    padding-bottom: 65px;
  }

  .dapp-store-header {
    display: block;
    margin-bottom: 20px;
  }

  .dapp-store-header h1 {
    font-size: 23px;
    margin-bottom: 15px;
  }

  .dapp-store-search {
    width: 100%;
  }

  .dapp-store-layout {
    display: block;
  }

  .dapp-store-sidebar {
    flex-direction: row;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 12px;
    margin-bottom: 13px;
    scrollbar-width: none;
  }

  .dapp-store-sidebar label {
    white-space: nowrap;
    padding: 10px 13px;
    font-size: 12px;
  }

  .dapp-store-intro h2 {
    font-size: 27px;
  }

  .dapp-store-intro-mark {
    display: none;
  }

  .dapp-store-banner-row {
    gap: 10px;
    margin: 19px 0 27px;
  }

  .dapp-store-banner {
    min-height: 155px;
    padding: 18px 13px;
  }

  .dapp-store-banner strong {
    font-size: 14px;
  }

  .dapp-catalog-grid {
    gap: 10px;
  }

  .dapp-catalog-card {
    min-height: 177px;
    padding: 14px 9px;
  }

  .dapp-catalog-card strong {
    font-size: 12px;
  }
}
.safety-hero{display:flex;align-items:center;gap:35px;padding:40px;background:var(--surface-soft);border-radius:24px;margin-bottom:30px}
.safety-hero>.icon{width:130px;height:130px;color:var(--blue)}
.safety-hero h2{font-size:31px}
.safety-hero p{max-width:770px;margin:0}
.help-container{max-width:840px}
.faq-search{height:55px;padding:0 20px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:12px;background:var(--surface);margin-bottom:27px}
.faq-search .icon{color:var(--muted)}
.faq-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:660;font-size:17px;padding:22px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary>.icon{transform:rotate(180deg)}
.faq-item p{font-size:15px;padding-bottom:25px;margin:0}
.muted-text{color:var(--muted)}
.copy-section{max-width:810px;margin:auto;border:1px solid var(--line);border-radius:22px;padding:42px;font-size:17px}
.copy-section .btn{margin-top:20px}
.site-footer{background:#f7f9fc;padding:70px 0 24px;border-top:1px solid #edf0f4}
.footer-main{display:grid;grid-template-columns:300px 1fr;gap:75px;padding-bottom:58px}
.footer-intro p{font-size:13px;max-width:280px;line-height:1.9;margin:20px 0 10px}
.footer-intro .site-warning{font-size:12px}
.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.footer-columns>div{display:flex;flex-direction:column;gap:13px}
.footer-columns h3{font-size:15px;color:#313947;margin-bottom:12px}
.footer-columns a{font-size:13px;color:#7b8797}
.footer-columns a:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid #e7ebf1;padding-top:25px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#9ba4b1}
:root[data-theme="dark"] .overview-band{background:#2351a0}
:root[data-theme="dark"] .community-section,:root[data-theme="dark"] .site-footer{background:#151d2a}
:root[data-theme="dark"] .brand-text,:root[data-theme="dark"] .feature-stats strong,:root[data-theme="dark"] .footer-columns h3{color:var(--text)}
:root[data-theme="dark"] .feature-stats small,:root[data-theme="dark"] .footer-columns a{color:var(--muted)}
:root[data-theme="dark"] .security-illustration,:root[data-theme="dark"] .dapp-illustration{filter:brightness(.75)}
:root[data-theme="dark"] .security-float,:root[data-theme="dark"] .security-check{background:#293240;color:#f1f4fb;border-color:#3a4454}
:root[data-theme="dark"] .overview-band .band-intro p{color:var(--muted)}
:root[data-theme="dark"] .footer-bottom{border-color:#313b49}
@media(max-width:1230px){ .nav-inner{max-width:1060px;padding:0 24px;gap:30px}.desktop-nav{gap:14px}.nav-button,.nav-simple{font-size:13px}.brand-text{font-size:18px}.header-actions{gap:8px}.hero h1{font-size:clamp(38px,3.8vw,48px)}.hero-art{transform:scale(.92) translate(-5px,-5px);transform-origin:center left}.feature-section{gap:65px}}
@media(max-width:950px){ .desktop-nav,.language-wrap{display:none}.hamburger{display:inline-flex}.nav-inner{height:67px;padding:0 23px;justify-content:space-between}.header-actions{margin-left:auto}.mobile-nav{display:block;padding:10px 23px 25px;background:var(--surface);box-shadow:0 15px 30px #192b4d12;max-height:78vh;overflow:auto}.mobile-nav>details,.mobile-nav>a{display:block;border-bottom:1px solid var(--line);padding:12px 0}.mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:550;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav details div{padding:13px;display:grid;gap:12px;background:var(--surface-soft);border-radius:8px;margin-top:12px}.mobile-nav details a{font-size:14px;color:var(--muted)}.mobile-nav .mobile-download{color:var(--blue);font-weight:600}.hero{grid-template-columns:1fr;text-align:center;min-height:0;padding:80px 0 12px;gap:8px}
.hero-copy{padding:0;max-width:650px;margin:auto;transform:none}.hero h1{font-size:clamp(42px,5.5vw,53px)}.hero-description{margin:28px auto 33px;max-width:570px}.button-row{justify-content:center}.hero-warning{justify-content:center}
.hero-art{max-width:none;width:575px;margin:auto;height:535px;transform:scale(.94);transform-origin:top center}
.feature-section{grid-template-columns:1fr;gap:52px;padding-block:100px}.security-section .illustration{order:2}.security-section .feature-copy{order:1}.feature-copy{text-align:center}.feature-copy p{margin-inline:auto}.check-list{justify-content:center}.check-list>div{justify-content:center}.band-inner{flex-direction:column;text-align:center;gap:32px}.band-intro{flex:auto;max-width:630px}.feature-stats{width:100%}.feature-stats>div{align-items:center}.community-content{grid-template-columns:1fr;text-align:center}.community-emblems{max-width:600px;margin:auto;width:100%}.footer-main{grid-template-columns:1fr;gap:40px}.footer-intro{max-width:460px}.footer-columns{gap:25px}.page-heading{padding-top:75px}}
@media(max-width:640px){ .section-container{width:min(100% - 38px,540px)}.nav-inner{padding:0 20px}.brand-symbol{height:35px;width:35px;flex-basis:35px}.brand-text{font-size:19px}
.hero{padding-top:55px;padding-bottom:0}
.hero h1{font-size:clamp(34px,9vw,44px);letter-spacing:-1px;line-height:1.28}.hero-description{font-size:14px;line-height:1.85;margin:29px auto 30px}.hero-warning{font-size:10px;white-space:normal;margin:20px auto 0}
.hero-art{width:575px;height:535px;left:50%;margin-left:-287.5px;margin-top:10px;transform:scale(.67);transform-origin:top center;margin-bottom:-160px}
.btn{min-height:47px;padding:0 22px;font-size:14px}.button-row{gap:13px;flex-wrap:wrap}.overview-band{padding:54px 0}.band-intro h2{font-size:28px}.feature-stats{gap:12px}.feature-stats .icon{width:25px;height:25px}.feature-stats strong{font-size:13px}.feature-stats small{font-size:10px}.feature-section{padding:75px 0}.feature-copy h2,.section-heading h2{font-size:32px}.feature-copy p,.section-heading p{font-size:14px}.illustration{min-height:330px}.security-shield{width:205px;height:240px}.security-shield .icon{width:125px;height:125px}.security-float,.security-check{font-size:10px;padding:8px}.dapp-window{transform:scale(.83) rotate(7deg)}.dapp-orbit.one{left:0}.dapp-orbit.two{right:0}.trade-section{padding:75px 0}.section-heading{margin-bottom:40px}.trade-card-grid,.info-grid{grid-template-columns:1fr}.trade-card{min-height:240px;padding:27px}.trade-card strong{margin-top:18px}.community-section{padding:70px 0}.community-content h2{font-size:32px}.community-emblems span{width:73px;height:73px}.community-emblems .icon{width:34px;height:34px}.cta-section{padding:65px 0}.cta-panel{padding:38px 27px;display:block;text-align:center;border-radius:22px}.cta-panel h2{font-size:28px}.cta-panel p{font-size:14px}.cta-panel .btn{margin-top:25px}.page-heading{padding:65px 0 45px}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.subpage-section{padding-bottom:70px}.info-card{min-height:125px;padding:22px;gap:15px}.info-icon{width:52px;height:52px;flex-basis:52px}.info-card h3{font-size:16px}.info-card p{font-size:12px}.safety-hero{display:block;padding:25px}.safety-hero h2{font-size:25px}
.safety-hero>.icon{width:70px;height:70px;margin-bottom:20px}.footer-main{gap:35px}.footer-columns{grid-template-columns:repeat(2,1fr);row-gap:31px}.site-footer{padding-top:55px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.copy-section{padding:27px;font-size:14px}}
@media(max-width:385px){ .hero h1{font-size:33px}
.hero-art{transform:scale(.60);margin-bottom:-190px}
.button-row{gap:9px}.btn{padding:0 18px}.hero-warning{font-size:10px}.feature-stats{grid-template-columns:1fr;gap:18px}.footer-columns{gap:20px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}