/* Shared neutral surfaces and spacing across Claims. */
main{max-width:none}
:root{--bg:#111;--panel:#191919;--line:#333;--muted:#999;--text:#f2f2f2;--green-dark:#222}
body{line-height:1.4}
header{border-color:#292929}
.sidebar{border-color:#292929}.nav-item{color:#aaa;font-size:16px}.nav-item.active{background:#252525;color:#fff}.nav-item.active svg{color:#ddd}.nav-launch{border-color:#444;color:#ddd}
.search-wrap{background:#191919;border-color:#333;color:#999}.search-wrap input{color:#eee}.search-wrap kbd{border-color:#444}
.button{border-radius:8px;padding:12px 20px}.button:hover{transform:none}.mint,.white{background:#eee;color:#171717}.outline{border-color:#444;color:#ddd}.small{padding:10px 16px}
.text-link{color:#ccc}.positive,.bond,.verified{color:#bbb}
.page-heading{max-width:1060px;margin:0 0 28px;padding:6px 0 24px;border-bottom:1px solid #303030}
.page-heading h1{font-size:34px;line-height:1.15;letter-spacing:-.7px;margin:0 0 10px;font-weight:600}.page-heading p{margin:0;color:#aaa;font-size:14px;line-height:1.6}
.form-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);max-width:1060px;gap:24px;align-items:start}
.form-panel,.info-panel{background:#191919;border-color:#333;border-radius:12px;padding:28px}
.form-panel h2,.info-panel h2{font-size:18px;line-height:1.3;margin:0 0 22px;font-weight:600}
.field{gap:8px;margin-bottom:22px}.field label{color:#ccc;font-size:13px}.field input,.field textarea,.field select{background:#121212;border:1px solid #3a3a3a;border-radius:7px;color:#eee;padding:12px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#aaa}.field small,.info-panel p{color:#aaa;font-size:12px;line-height:1.65}
.field-pair{gap:16px}.form-rule{background:#333;margin:28px 0}
.upload{border-color:#444;border-radius:8px;padding:22px;color:#ccc;margin-bottom:24px}.upload small{color:#999;line-height:1.5;margin-top:5px}
.notice{background:#202020;border:1px solid #393939;color:#aaa;border-radius:7px;padding:12px 14px;font-size:12px;line-height:1.6;margin:20px 0}
.eyebrow{color:#aaa;letter-spacing:0;text-transform:none;font-size:18px;font-weight:600}
.steps{margin-bottom:24px}.step{gap:12px;margin:0;padding:18px 0;border-bottom:1px solid #303030}.step:last-child{border-bottom:0;padding-bottom:0}.step-num{color:#ccc;border-color:#444;width:26px;height:26px}.step strong{font-size:13px}.step p{margin:6px 0 0;color:#aaa}
.info-row{border-color:#333;padding:14px 0;gap:16px;align-items:center;color:#999}.info-row strong{color:#ddd;text-align:right}.info-row:last-child{padding-bottom:0}
.claim-code{background:#121212;border-color:#444;line-height:1.7;align-items:flex-start;padding:14px;gap:14px}.claim-code button{color:#eee;flex-shrink:0}.claim-code span{min-width:0}
.payout-options{gap:12px;margin:0 0 24px}.payout-option{background:#171717;border-color:#3a3a3a;padding:16px 10px;border-radius:8px;color:#aaa}.payout-option.active{background:#272727;border-color:#888;color:#eee}
.stats-grid{max-width:1060px;gap:16px;margin-bottom:24px}.stat{background:#191919;border-color:#333;border-radius:10px;padding:24px}.stat small{font-size:12px;color:#aaa}.stat strong{font-size:32px;font-weight:500;line-height:1.2;margin-top:14px}
.empty{padding:40px 20px;color:#aaa;line-height:1.6}.empty .button{margin-top:4px}
.docs-layout{max-width:1060px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.docs-layout .info-panel{height:100%;margin:0}.docs-layout p{margin:0;font-size:14px;line-height:1.75}
.filter-select{background:#191919;color:#ccc;border-color:#3a3a3a;padding:10px 12px}.market-toolbar{margin:26px 0 16px}.list-heading{padding:14px 16px;color:#999}.list-row{padding:16px;border-color:#292929}.list-row:hover{background:#1c1c1c}.list-recipient{color:#bbb}.list-token small{color:#999}.token-art{background:#303030;color:#ddd}.list-heading,.list-row{column-gap:24px}
.modal{background:#191919;border-color:#444;border-radius:12px;padding:28px}.modal p{color:#aaa}.wallet-option{border-color:#3a3a3a;background:#202020}#toast{background:#292929;border:1px solid #444;border-radius:8px}
/* Keep description and action together, regardless of line wrapping. */
.bento-copy{align-self:end}.bento-card{row-gap:12px;grid-template-rows:180px minmax(0,1fr) 18px}
.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.platform-support{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:500px}
.platform-support .platform-directory{gap:20px;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)}
.platform-support .platform-column{gap:6px}
.platform-support .platform-item{min-height:30px;padding:5px 10px;font-size:11px}
.platform-support .platform-item svg{width:16px;height:16px}
.platform-support .platform-wallet{width:52px;height:52px}
.platform-support .platform-wallet:before,.platform-support .platform-wallet:after{width:20px}
.platform-payments{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;padding-top:10px;border-top:1px solid #333}
.payment-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#ddd;height:50px}
.payment-brand img{display:block;object-fit:contain;flex-shrink:0}
.wechat-brand{padding:0;border-radius:4px}
.wechat-brand img{width:75px;height:50px}
@media(min-width:1600px){.hero-bento{padding:36px!important;grid-template-columns:1.1fr 1fr}.hero-bento h1{font-size:46px}.bento-grid{gap:20px}}
/* Previews stay centered and grow with the cards on wide displays. */
@media(min-width:1200px){
  .bento-visual{justify-content:center}
  .notification-list{margin:0 auto;max-width:720px;width:90%}
  .verification-preview{max-width:390px;width:90%}
  .profile-demo{margin:0 auto;max-width:none}
  .hero-flow{justify-self:center;margin:0 auto;max-width:520px;width:90%}
}
@media(max-width:950px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-support .platform-directory{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:10px}.platform-support .platform-wallet{width:40px;height:40px}.platform-support .platform-wallet:before,.platform-support .platform-wallet:after{width:10px}.platform-support .platform-item{padding:6px;font-size:10px;gap:5px}.platform-payments{gap:12px}}
@media(max-width:620px){.bento-grid{grid-template-columns:minmax(0,1fr)}}
.platform-directory{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;gap:24px;width:100%;max-width:500px}
.platform-column{display:grid;gap:10px}.platform-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;background:#222;border:1px solid #383838;border-radius:7px;color:#ccc;font-size:12px;min-width:0}.platform-item svg{width:18px;height:18px}.platform-wallet{position:relative;display:grid;place-items:center;width:60px;height:60px;border:1px solid #555;border-radius:12px;background:#252525;color:#eee}.platform-wallet svg{width:28px;height:28px}.platform-wallet:before,.platform-wallet:after{content:'';position:absolute;width:24px;height:1px;background:#444;top:50%}.platform-wallet:before{right:100%}.platform-wallet:after{left:100%}
@media(max-width:950px){.form-layout{grid-template-columns:1fr}.form-panel,.info-panel{padding:24px}.platform-directory{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px}.platform-wallet{width:44px;height:44px;border-radius:9px}.platform-wallet svg{width:24px;height:24px}.platform-wallet:before,.platform-wallet:after{width:12px}.platform-item{gap:6px;padding:10px 7px;font-size:10px}.platform-item svg{width:15px;height:15px}}
@media(max-width:620px){.page-heading{padding:0 0 20px;margin-bottom:22px}.page-heading h1{font-size:28px}.form-panel,.info-panel{padding:20px}.field-pair{grid-template-columns:1fr;gap:0}.stats-grid,.docs-layout{grid-template-columns:1fr}.stat{padding:20px}.payout-options{grid-template-columns:1fr;gap:8px}.payout-option{justify-content:flex-start;padding:13px 15px}.list-heading,.list-row{column-gap:9px;padding-left:6px;padding-right:6px}.platform-directory{gap:12px}.platform-item{font-size:10px}.claim-code{font-size:11px}.bento-copy{padding:0}}

/* Orbiting Circles keeps the platform preview open and centered. */
.platform-orbit{position:relative;width:100%;max-width:720px;height:180px;margin:auto}
.orbit-path{position:absolute;inset:10% 6%;border:1px solid #383838;border-radius:40px}
.orbit-social{position:absolute;left:0;top:0;offset-path:inset(10% 6% round 40px);offset-distance:var(--orbit-start);offset-rotate:0deg;animation:platform-orbit 48s linear infinite;display:grid;place-items:center;width:36px;height:36px;border:1px solid #454545;border-radius:50%;background:#232323;color:#ddd}
.orbit-social svg{width:19px;height:19px}
.orbit-payouts{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68%;max-width:390px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.orbit-destination{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:70px;background:#222;border:1px solid #484848;border-radius:10px;color:#ddd;font-size:11px;line-height:14px;white-space:nowrap}
.orbit-destination svg,.orbit-destination img{width:23px;height:23px;object-fit:contain}
.wechat-icon{filter:invert(1)}
@keyframes platform-orbit{to{offset-distance:calc(var(--orbit-start) + 100%)}}
.bento-card:hover .orbit-social,.bento-card:focus-within .orbit-social{animation-play-state:paused}
.allocation-track{animation-duration:108s}
.allocation-ticket{width:176px;height:172px;padding:16px;border-radius:10px}
.allocation-identity{position:relative;width:44px;height:44px;margin-bottom:10px}
.account-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}
.account-platform{position:absolute;right:-5px;bottom:-2px;width:21px;height:21px;display:grid;place-items:center;background:#222;border:2px solid #222;border-radius:50%;color:#eee}
.account-platform svg{width:12px;height:12px}
.allocation-ticket strong{font-size:13px;line-height:17px}
.allocation-ticket small{font-size:11px;line-height:15px;margin-top:3px;color:#aaa}
.allocation-ticket .ticket-footer{margin-top:auto;font-size:10px;line-height:14px;align-items:center}
.allocation-ticket .ticket-footer b{font-size:12px;color:#eee}
.allocation-bar{height:3px;width:100%;background:#aaa;border-radius:2px;margin-top:8px}
@media(max-width:950px){.orbit-payouts{width:68%;gap:5px}.orbit-destination{font-size:9px;height:64px;gap:7px;border-radius:7px;white-space:normal;text-align:center;padding:0 3px;min-width:0}.orbit-destination svg,.orbit-destination img{width:20px;height:20px;flex-shrink:0}.orbit-social{width:28px;height:28px;offset-path:inset(10% 6% round 20px)}.orbit-path{border-radius:20px}.orbit-social svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.orbit-social{animation:none}}