/* xxxtoken responsive editorial wallet design */
:root{--primary:rgb(70,139,223);--primary-50:#f3f8ff;--primary-100:#e6f0fc;--primary-200:#c9dffa;--primary-500:#468bdf;--primary-600:#3678c8;--primary-700:#235ca4;--gradient:linear-gradient(135deg,#f3f8ff,#eaf3fd 60%,#fff);--text:#24384e;--muted:#60748b;--border:#e1eaf3;--background:#fff;--surface:#f7f9fc;--success:#27836f;--warning:#a36f20;--shadow-sm:0 4px 14px rgba(34,67,108,.05);--shadow-md:0 15px 45px rgba(41,84,136,.10);--shadow-lg:0 25px 70px rgba(37,77,134,.13);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--max-width:1220px;--transition-fast:180ms ease;--transition-base:220ms ease;--font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--text);background:var(--background);font:400 16px/1.8 var(--font);overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--primary-700);outline-offset:4px}img,svg{max-width:100%}img{height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:550;line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(35px,4.8vw,62px);margin-bottom:26px}h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:22px}h3{font-size:clamp(19px,1.8vw,23px);margin-bottom:12px}p{color:var(--muted);margin-bottom:23px}.container{width:min(var(--max-width),calc(100% - 48px));margin-inline:auto}.section{padding-block:clamp(58px,7vw,104px)}.section-heading{max-width:850px;margin-bottom:36px}.eyebrow{display:inline-block;color:var(--primary-700);font-size:13px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:17px}.soft-section{background:#f7faff}.text-link{display:inline-block;color:var(--primary-700);font-weight:550;border-bottom:1px solid transparent;transition:transform var(--transition-fast),border-color var(--transition-fast)}.text-link:hover{transform:translateX(3px);border-color:currentColor}
.navbar{height:82px;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);transition:box-shadow var(--transition-base);border-bottom:1px solid rgba(226,234,244,.75)}.navbar.scrolled{box-shadow:var(--shadow-sm)}.nav-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;line-height:1.1;font-weight:600;letter-spacing:-.03em}.brand img{object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.65vw,25px);flex:1}.desktop-nav a{color:#53697e;font-size:14px;font-weight:500;white-space:nowrap;transition:color var(--transition-fast)}.desktop-nav a:hover,.language a:hover{color:var(--primary)}.language{display:flex;gap:9px;align-items:center;font-size:13px;color:#99a7b8;white-space:nowrap}.language a{font-weight:500;color:#7a8ea2}.language a.active{color:var(--primary-700)}.menu-toggle{display:none;border:1px solid var(--border);width:46px;height:46px;border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:var(--text)}.drawer-overlay{position:fixed;inset:0;z-index:89;background:rgba(21,44,69,.38);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.mobile-drawer{display:none;position:fixed;right:0;top:0;height:100dvh;width:min(86vw,360px);z-index:90;background:white;padding:28px 25px 30px;transform:translateX(100%);transition:transform var(--transition-base);box-shadow:var(--shadow-lg);flex-direction:column;overflow-y:auto}.mobile-drawer nav{padding-top:48px;display:flex;flex-direction:column}.mobile-drawer nav a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:13px 0;font-weight:500}.drawer-close{border:0;background:var(--surface);border-radius:10px;font-size:24px;position:absolute;right:24px;top:22px;width:42px;height:42px;cursor:pointer}.drawer-languages{margin-top:auto;padding-top:30px;font-size:17px;gap:18px}.drawer-open .drawer-overlay{opacity:1;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0)}.drawer-open .download-jump{visibility:hidden}
.download-jump{position:fixed;right:14px;top:42%;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--primary);color:#fff;width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:11px;text-align:center;line-height:1.25;font-size:14px;font-weight:600;transition:transform var(--transition-base),background var(--transition-base)}.download-jump span:first-child{font-size:26px;margin-bottom:4px}.download-jump:hover{transform:translateX(-4px);background:var(--primary-700)}.download-cta{background:var(--gradient);text-align:center}.download-inner{max-width:830px}.download-cta p{max-width:660px;margin:0 auto 30px}.download-cta small{display:block;margin-top:18px;color:var(--muted)}.download-btn{display:flex;align-items:center;justify-content:center;min-height:72px;min-width:238px;width:max-content;max-width:90%;padding:14px 26px;margin:0 auto;border-radius:14px;background:var(--primary);color:#fff;font-size:20px;font-weight:550;box-shadow:var(--shadow-md);transition:background var(--transition-base),transform var(--transition-base)}.download-btn:hover{background:var(--primary-700);transform:translateY(-3px)}
.hero{padding-block:clamp(60px,7vw,105px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:5%}.hero-copy{position:relative;z-index:1}.hero-copy p{font-size:18px;max-width:530px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 30px}.hero-tags span{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:var(--radius-pill);font-size:12px;color:#466078}.hero-stage{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-orb{position:absolute;inset:10% 6%;border-radius:48%;filter:blur(40px);background:radial-gradient(ellipse,#d5e9ff 0%,#f3f8ff 55%,transparent 76%);z-index:-1}.hero-app{width:min(64%,360px);max-height:530px;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(43,83,131,.08))}.hero-wallet{position:absolute;bottom:0;right:0;width:48%;max-width:310px;transform:scale(.94);transform-origin:bottom right}.float-status{position:absolute;padding:11px 15px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);font-size:13px;font-weight:500}.status-a{top:15%;left:0}.status-b{right:0;top:10%}.wallet-mock{background:white;border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:var(--shadow-md);min-width:0}.wallet-top,.wallet-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:550}.wallet-top{margin-bottom:22px}.wallet-top small,.wallet-foot{font-size:11px;color:var(--muted)}.online-dot{display:inline-block;width:7px;height:7px;background:#3aaf87;border-radius:50%;margin-left:4px}.muted{color:var(--muted);font-size:13px}.wallet-balance{font-size:clamp(24px,2.7vw,34px);letter-spacing:-.05em;line-height:1.4;font-weight:550}.wallet-balance small{font-size:13px;color:var(--muted);letter-spacing:0}.mini-chart{height:78px;padding-top:8px}.mini-chart svg{width:100%;height:100%}.token-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.5}.token-row>span:nth-child(2){flex:1;font-weight:550}.token-row small{display:block;color:var(--muted);font-size:10px}.token-row strong{font-weight:550;font-variant-numeric:tabular-nums}.token-icon{background:#eef4fc;color:var(--primary-700);border-radius:11px;display:grid;place-items:center;width:37px;height:37px;font-weight:600}.wallet-foot{padding-top:18px}.wallet-foot span:first-child{color:var(--success)}
.principles{border-block:1px solid var(--border)}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.principles-grid>div{display:flex;align-items:center;gap:16px;padding:30px 15px;border-right:1px solid var(--border);font-size:14px}.principles-grid>div:first-child{padding-left:0}.principles-grid>div:last-child{border:0}.principles-grid span,.architecture-grid article>span{color:var(--primary);font-size:23px;letter-spacing:-.04em}.principles-grid strong{font-weight:500}.showcase-grid{display:grid;grid-template-columns:5fr 7fr;gap:7%;align-items:center}.showcase-panel{background:var(--gradient);border-radius:var(--radius-xl);padding:clamp(20px,4vw,55px)}.showcase-panel .wallet-mock{max-width:520px;margin:0 auto}.showcase-note{margin:20px auto 0;display:flex;gap:18px;justify-content:space-between;max-width:520px;font-size:13px;color:var(--muted)}.showcase-note strong{color:var(--success);font-weight:500}.illustration{min-width:0;display:flex;justify-content:center;align-items:center}.illustration img{object-fit:contain;width:100%;max-width:550px;max-height:440px;border-radius:var(--radius-lg)}.showcase-grid .illustration{margin-top:16px;max-width:420px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.journey-step{background:white;border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(20px,2.5vw,30px);min-width:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.journey-step:hover{transform:translateY(-3px);border-color:var(--primary-200)}.step-num{color:var(--primary);font-size:29px;font-weight:500;margin-bottom:25px}.journey-step h3{font-size:20px}.journey-step p{font-size:14px;line-height:1.8}.journey-step a{font-size:13px;color:var(--primary-700);font-weight:550}.split-grid{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:7%}.split-grid.reverse{grid-template-columns:7fr 5fr}.split-grid.reverse .split-copy{order:2}.split-copy{max-width:550px}.split-copy p{font-size:17px}.architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.architecture-grid article{border-top:1px solid var(--border);padding-top:26px}.architecture-grid article>span{font-size:46px;font-weight:400}.architecture-grid h3{margin-top:15px}.chapter-layout{display:grid;grid-template-columns:4fr 8fr;gap:7%}.chapter-list a,.related-grid a{display:grid;grid-template-columns:48px 1fr 20px;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:18px 4px;transition:padding var(--transition-fast),color var(--transition-fast)}.chapter-list a:first-child{border-top:1px solid var(--border)}.chapter-list a:hover,.related-grid a:hover{padding-left:10px;color:var(--primary-700)}.chapter-list span:first-child,.related-grid span:first-child{color:var(--primary);font-size:13px}.chapter-list strong,.related-grid strong{font-size:16px;font-weight:500}.scenarios{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:22px}.scenarios>a{border:1px solid var(--border);padding:20px;border-radius:var(--radius-lg);transition:transform var(--transition-fast);min-width:0}.scenarios>a:hover{transform:translateY(-3px)}.scenarios .illustration{height:210px;margin-bottom:16px}.scenarios .illustration img{max-height:200px}.scenarios p{font-size:14px}.scenario-icon{font-size:40px;background:var(--primary-50);border-radius:14px;display:grid;place-items:center;height:210px;margin-bottom:16px}.risk-layout{display:grid;grid-template-columns:5fr 7fr;gap:6%;align-items:center;background:var(--primary-50);padding:clamp(26px,5vw,62px);border-radius:var(--radius-xl)}.risk-list>div{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--primary-200);font-size:15px}.risk-list>div:last-child{border:0}.risk-list span{background:#fff0d9;color:var(--warning);width:30px;height:30px;border-radius:9px;flex:0 0 30px;text-align:center;font-weight:600}.faq-preview{max-width:940px}.faq-item{border-bottom:1px solid var(--border)}.faq-item h3{margin:0;font-size:17px}.faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--text);font-weight:500;line-height:1.6}.faq-symbol{font-size:26px;color:var(--primary);font-weight:400;line-height:1}.faq-answer{padding-bottom:15px}.faq-answer p{margin:0;font-size:15px}.faq-question[aria-expanded="true"] .faq-symbol{transform:rotate(45deg)}.faq-preview>.text-link{margin-top:30px}
.guide-hero{background:linear-gradient(110deg,#f7faff,white 75%);padding-top:40px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:60px;display:flex;gap:12px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--primary)}.guide-hero-grid{display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:5%}.guide-hero p{max-width:700px;font-size:17px}.guide-hero .illustration img{max-height:340px}.guide-section{display:grid;grid-template-columns:7fr 5fr;gap:7%;align-items:center}.guide-section.reverse{grid-template-columns:5fr 7fr}.guide-section.reverse .guide-text{order:2}.guide-text p{max-width:780px}.guide-side{min-width:0}.check-panel{border:1px solid var(--border);background:#fff;border-radius:var(--radius-lg);padding:clamp(24px,3vw,40px)}.check-panel ul{padding-left:20px;margin:0;color:var(--muted)}.check-panel li{padding:10px 0}.notice{padding:22px;border-left:3px solid #d4a04d;background:#fff9ef;border-radius:0 12px 12px 0;margin-top:26px}.notice strong{font-weight:550}.notice p{font-size:14px;margin:8px 0 0}.related-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}.faq-page-grid{display:grid;grid-template-columns:4fr 8fr;gap:7%}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.four .journey-step p{font-size:13px}.site-footer{background:#f7f9fc;border-top:1px solid var(--border);padding-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8%}.footer-grid p{max-width:330px;font-size:14px;margin-top:19px}.footer-grid h3{font-size:14px;margin-bottom:22px}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:13px;padding:6px 0}.footer-grid>div>a:hover{color:var(--primary)}.footer-bottom{padding:28px 0;margin-top:48px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}
@media(max-width:1100px){.desktop-nav,.desktop-languages{display:none}.menu-toggle{display:flex;margin-left:auto}.mobile-drawer{display:flex}.hero-grid{gap:2%}.hero-stage{min-height:520px}.hero-wallet{width:54%}.download-jump{width:74px;height:74px}.principles-grid>div{gap:10px;font-size:12px}}
@media(max-width:768px){.container{width:calc(100% - 40px)}.section{padding-block:clamp(52px,10vw,74px)}h1{font-size:clamp(34px,7vw,42px)}h2{font-size:clamp(26px,5vw,34px)}.hero-grid,.showcase-grid,.split-grid,.split-grid.reverse,.guide-hero-grid,.guide-section,.guide-section.reverse,.chapter-layout,.risk-layout,.faq-page-grid{grid-template-columns:1fr;gap:28px}.split-grid.reverse .split-copy,.guide-section.reverse .guide-text{order:0}.hero-stage{min-height:520px}.hero-app{width:56%}.hero-wallet{width:50%;right:1%}.hero-copy p{font-size:16px}.principles-grid{grid-template-columns:1fr 1fr}.principles-grid>div{border-bottom:1px solid var(--border);padding:19px 9px}.principles-grid>div:first-child{padding-left:9px}.principles-grid>div:nth-child(2){border-right:0}.principles-grid>div:nth-child(n+3){border-bottom:0}.journey-grid,.architecture-grid{grid-template-columns:1fr 1fr}.four{grid-template-columns:1fr 1fr}.scenarios{grid-template-columns:1fr 1fr}.scenarios>a:last-child{grid-column:span 2}.scenario-icon{height:90px}.chapter-layout>div:first-child{max-width:650px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:span 2}.breadcrumb{margin-bottom:32px}.guide-hero-grid .illustration{max-width:490px}.guide-section .illustration img{max-height:360px}.download-jump{top:48%;width:68px;height:68px;font-size:12px;right:12px}.download-jump span:first-child{font-size:24px}.guide-hero,.hero{overflow:hidden}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.navbar{height:70px}.brand{font-size:20px}.brand img{width:34px;height:34px}.hero{padding-top:43px}.hero-stage{min-height:auto;display:flex;flex-direction:column;gap:12px;margin-top:10px}.hero-app{width:75%;max-height:390px}.hero-wallet{position:static;width:100%;max-width:100%;transform:none}.float-status{position:static;display:inline-block;margin:0 4px 5px;font-size:12px}.status-a,.status-b{align-self:flex-start}.hero-orb{inset:0 5% 35%}.wallet-mock{padding:20px}.wallet-balance{font-size:27px}.principles-grid{grid-template-columns:1fr}.principles-grid>div{border-right:0;border-bottom:1px solid var(--border)!important;padding:13px 4px}.principles-grid>div:last-child{border:0!important}.journey-grid,.architecture-grid,.scenarios,.four,.related-grid{grid-template-columns:1fr}.scenarios>a:last-child{grid-column:auto}.architecture-grid{gap:18px}.chapter-list a,.related-grid a{grid-template-columns:30px 1fr 14px}.chapter-list strong,.related-grid strong{font-size:14px}.showcase-panel{padding:15px}.showcase-note{flex-direction:column;gap:3px}.risk-layout{padding:24px 18px}.risk-list>div{font-size:13px}.download-btn{min-height:60px;width:75%;min-width:0;font-size:17px}.download-jump{right:12px;top:46%;width:66px;height:66px}.faq-question{padding-right:5px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.guide-hero p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:769px){.js-motion .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.js-motion .reveal.is-visible{opacity:1;transform:none}}