/* Chainbey AI — TronLink DeFi Wallet service marketing experience.
   Purely illustrative visuals; never render fake live balances or payment status. */
.site-page--detail-tronlink-defi-wallet{--wallet-green:#00d173}
.site-page--detail-tronlink-defi-wallet .cb-detail-hero{
 background:radial-gradient(ellipse at 78% 43%,rgba(0,209,115,.12),transparent 58%),linear-gradient(123deg,#080d12,#0b171a)
}
.cb-wallet-hero{position:relative;display:grid;place-items:center;min-height:398px;padding:30px 25px;isolation:isolate}
.cb-wallet-hero::before{content:"";position:absolute;inset:8%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,rgba(0,209,115,.18),transparent 69%);filter:blur(30px);pointer-events:none}
.cb-wallet-hero-orbit{position:absolute;width:335px;height:335px;border-radius:50%;border:1px dashed rgba(0,209,115,.26);pointer-events:none;transform:rotate(15deg)}
.cb-wallet-hero-orbit-two{width:420px;height:420px;border-style:solid;border-color:rgba(104,225,173,.11);transform:rotate(-30deg)}
.cb-wallet-window{position:relative;z-index:2;width:min(100%,475px);min-width:0;padding:0 0 14px;border:1px solid #3c7161;border-radius:18px;background:linear-gradient(147deg,rgba(21,45,45,.98),rgba(8,18,27,.99) 83%);box-shadow:0 24px 90px #000a,0 0 0 6px rgba(0,209,115,.035),inset 0 1px rgba(255,255,255,.09);overflow:hidden}
.cb-wallet-window-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 20px;border-bottom:1px solid rgba(130,195,162,.14);color:#d6f4e8;font-size:10px;font-weight:800;letter-spacing:.11em}
.cb-wallet-window-top>span:first-child i{color:var(--wallet-green);font-size:17px;margin-right:7px}
.cb-wallet-network{display:flex;align-items:center;gap:6px;color:#8acdaf;font-size:9px;white-space:nowrap}
.cb-wallet-network i{color:var(--wallet-green);font-size:7px}
.cb-wallet-address{display:flex;flex-direction:column;gap:8px;margin:17px 18px 0;padding:13px 15px;border:1px solid #2c534b;border-radius:10px;background:#0a191d}
.cb-wallet-address small{color:#779b91;font-size:8px;font-weight:800;letter-spacing:.13em}
.cb-wallet-address strong{font:600 11px/1.5 var(--font-head);color:#e5f5ed;overflow-wrap:anywhere}
.cb-wallet-address strong i{color:var(--wallet-green);margin-right:5px}
.cb-wallet-tokens{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 18px}
.cb-wallet-tokens>div{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid #2b4843;border-radius:10px;background:#102326;min-width:0}
.cb-wallet-token-symbol{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;font:800 15px var(--font-head);background:linear-gradient(155deg,#ffe7a5,#a7762d);color:#54310a}
.cb-wallet-token-symbol-usdt{background:linear-gradient(155deg,#6cf4b4,#087d66);color:#042a21}
.cb-wallet-tokens>div>span:nth-child(2){display:grid;gap:2px;min-width:0}
.cb-wallet-tokens strong{font:700 12px var(--font-head);color:#edfff6}
.cb-wallet-tokens small{font-size:8px;color:#87aba1}
.cb-wallet-tokens>div>i{color:#72b99f;font-size:10px;margin-left:auto}
.cb-wallet-exchange{margin:0 18px;padding:12px 14px;border:1px solid #397861;border-radius:10px;background:linear-gradient(120deg,#0d2825,#101e26)}
.cb-wallet-exchange-title{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#c4eddb;font-size:9px;font-weight:800;letter-spacing:.1em}
.cb-wallet-exchange-title i{color:var(--wallet-green);margin-right:6px}
.cb-wallet-exchange-title small{color:#00d173;font-size:8px}
.cb-wallet-exchange-path{display:flex;align-items:center;gap:13px;margin-top:13px}
.cb-wallet-exchange-path>span{flex:1;text-align:center;padding:11px 12px;border:1px solid #295349;background:#0a1a1c;border-radius:7px;color:#dffbea;font:700 14px var(--font-head)}
.cb-wallet-exchange-path>i{color:var(--wallet-green);font-size:17px}
.cb-wallet-hero-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 18px 0}
.cb-wallet-hero-tabs span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border:1px solid #25463f;border-radius:7px;background:#0d2223;color:#a8d8c3;font-size:9px;font-weight:800}
.cb-wallet-hero-tabs i{color:var(--wallet-green);font-size:13px}
.cb-wallet-hero-floater{position:absolute;z-index:3;padding:12px 14px;border:1px solid #376e5e;border-radius:9px;background:#102924ed;box-shadow:0 15px 32px #0008;backdrop-filter:blur(12px);font-size:9px;font-weight:800;letter-spacing:.1em;color:#b3f0d2;white-space:nowrap}
.cb-wallet-hero-floater i{color:var(--wallet-green);font-size:14px;margin-right:6px}
.cb-wallet-hero-floater-a{top:15%;left:-11px}
.cb-wallet-hero-floater-b{right:-8px;bottom:10%}
.cb-wallet-story{background:radial-gradient(ellipse at 6% 10%,rgba(0,209,115,.07),transparent 42%),#0b1318}
.cb-wallet-story .site-section-heading h2 em{font-style:normal;color:var(--wallet-green)}
.cb-wallet-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.cb-wallet-story-card{display:flex;flex-direction:column;min-width:0;min-height:390px;padding:31px 27px 26px;border:1px solid #304b43;border-radius:13px;background:linear-gradient(150deg,#122528,#0e181f);transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}
.cb-wallet-story-card:hover{transform:translateY(-5px);border-color:#00d17388;box-shadow:0 19px 40px #0006}
.cb-wallet-story-heading{display:flex;align-items:center;gap:12px;color:#80c2a5;font-size:9px;letter-spacing:.13em;font-weight:800}
.cb-wallet-story-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#194e3e;color:var(--wallet-green);font-size:20px}
.cb-wallet-story-card h3{color:#f3fbf7;font:600 clamp(22px,2vw,27px)/1.24 var(--font-head);letter-spacing:-.045em;margin:28px 0 13px}
.cb-wallet-story-card p{font-size:12px;color:#a6bcb3;line-height:1.8;margin:0 0 22px;max-width:450px}
.cb-wallet-mini-exchange{display:flex;align-items:center;gap:9px;margin-top:auto;padding:13px;border:1px solid #355e4c;border-radius:9px;background:#0a1d1c}
.cb-wallet-mini-exchange>div{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0;padding:8px}
.cb-wallet-mini-exchange small{font-size:8px;letter-spacing:.1em;color:#75a18e}
.cb-wallet-mini-exchange strong{font:700 20px var(--font-head);color:#f1fff9}
.cb-wallet-mini-exchange>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#14503a;color:#00d173}
.cb-wallet-mini-receive{display:flex;align-items:center;gap:19px;margin-top:auto;padding:14px 18px;border:1px solid #355e4c;border-radius:9px;background:#0a1d1c}
.cb-wallet-mini-receive>i{font-size:52px;color:#9ce8be;line-height:1}
.cb-wallet-mini-receive>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.cb-wallet-mini-receive strong{font-size:10px;letter-spacing:.12em;color:#e0ffed}
.cb-wallet-mini-receive small{font-size:10px;line-height:1.6;color:#86ab9c}
.cb-wallet-mini-paid{display:grid;gap:7px;margin-top:auto;padding:17px 18px;border:1px solid #355e4c;border-radius:9px;background:#0a1d1c}
.cb-wallet-mini-paid>span{font-size:9px;letter-spacing:.1em;color:#7da994;font-weight:700}
.cb-wallet-mini-paid>span i{color:#00d173;margin-right:7px}
.cb-wallet-mini-paid strong{font:700 22px var(--font-head);color:#e8fff5}
.cb-wallet-mini-paid small{font-size:10px;color:#8fe1b8}
.cb-wallet-activity{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:21px;padding:26px 29px;border:1px solid #2d554b;border-radius:12px;background:linear-gradient(110deg,#102b2a,#0d1c22)}
.cb-wallet-activity-copy{flex:1;min-width:230px;max-width:540px}
.cb-wallet-activity-copy>span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#86cfac}
.cb-wallet-activity-copy>span i{font-size:16px;color:#00d173;margin-right:8px}
.cb-wallet-activity-copy h3{font:600 clamp(19px,2.2vw,27px)/1.2 var(--font-head);letter-spacing:-.045em;color:#f1fff6;margin:13px 0 9px}
.cb-wallet-activity-copy p{color:#acc6bc;font-size:12px;line-height:1.8;margin:0}
.cb-wallet-activity-options{display:flex;gap:9px;flex-wrap:wrap}
.cb-wallet-activity-options span{display:flex;align-items:center;gap:8px;padding:13px;border-radius:8px;border:1px solid #345e53;background:#0b2021;color:#b6e9ce;font-size:10px;font-weight:800;white-space:nowrap}
.cb-wallet-activity-options i{font-size:15px;color:#00d173}
@media(max-width:560px){.cb-wallet-activity{padding:22px 20px}.cb-wallet-activity-options span{padding:10px}}
.cb-wallet-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-top:25px;padding:23px 25px;border:1px solid #2a5945;border-radius:12px;background:linear-gradient(115deg,#103127,#111e22)}
.cb-wallet-story-bottom>div{display:flex;align-items:flex-start;gap:13px;max-width:710px;font-size:12px;line-height:1.75;color:#b5cfc3}
.cb-wallet-story-bottom>div i{color:#00d173;font-size:23px;flex-shrink:0}
.cb-wallet-story-bottom .site-button{flex-shrink:0}
@media(prefers-reduced-motion:no-preference){
 @keyframes cbWalletPulse{0%,100%{opacity:.26;transform:rotate(8deg) scale(1)}50%{opacity:.65;transform:rotate(8deg) scale(1.045)}}
 @keyframes cbWalletLevitate{0%,100%{transform:translateY(4px)}50%{transform:translateY(-11px)}}
 @keyframes cbWalletBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
 .site-page--detail-tronlink-defi-wallet.cb-motion-play .cb-wallet-window{animation:cbWalletLevitate 7s ease-in-out 1.2s infinite}
 .site-page--detail-tronlink-defi-wallet.cb-motion-play .cb-wallet-hero-orbit{animation:cbWalletPulse 8s ease-in-out infinite}
 .site-page--detail-tronlink-defi-wallet.cb-motion-play .cb-wallet-hero-floater{animation:cbWalletBadgeFloat 6s ease-in-out 1.6s infinite}
 .site-page--detail-tronlink-defi-wallet.cb-motion-play .cb-wallet-hero-floater-b{animation-delay:3s}
 .cb-wallet-story-grid [data-reveal]:nth-child(2){transition-delay:.1s}
 .cb-wallet-story-grid [data-reveal]:nth-child(3){transition-delay:.2s}
}
@media(max-width:1100px){
 .cb-wallet-hero{padding:24px 18px}
 .cb-wallet-window{max-width:450px}
 .cb-wallet-hero-floater-a{left:0}
 .cb-wallet-hero-floater-b{right:0}
 .cb-wallet-story-card{padding:27px 22px}
}
@media(max-width:800px){
 .cb-wallet-story-grid{grid-template-columns:1fr;gap:15px}
 .cb-wallet-story-card{min-height:0}
 .cb-wallet-story-card p{max-width:620px}
 .cb-wallet-hero{min-height:400px}
}
@media(max-width:560px){
 .cb-wallet-hero{padding:19px 6px 26px;min-height:375px}
 .cb-wallet-window-top{padding:13px 13px;font-size:9px;letter-spacing:.04em}
 .cb-wallet-network{font-size:7px}
 .cb-wallet-window{border-radius:12px}
 .cb-wallet-address,.cb-wallet-tokens,.cb-wallet-hero-tabs{margin-left:11px;margin-right:11px}
 .cb-wallet-exchange{margin-left:11px;margin-right:11px}
 .cb-wallet-hero-floater{font-size:7px;padding:8px 9px}
 .cb-wallet-hero-floater-a{top:4%;left:0}
 .cb-wallet-hero-floater-b{bottom:2%;right:0}
 .cb-wallet-hero-orbit{width:270px;height:270px}
 .cb-wallet-hero-orbit-two{width:340px;height:340px}
 .cb-wallet-story-card{padding:25px 21px}
 .cb-wallet-story-bottom{padding:21px}
 .cb-wallet-story-bottom .site-button{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
 .cb-wallet-window,.cb-wallet-hero-orbit,.cb-wallet-hero-floater{animation:none!important}
 .cb-wallet-story-card{transition:none}
 .cb-wallet-story-card:hover{transform:none}
}
