.hero{isolation:isolate;margin-top:calc(var(--nav-h) * -1);padding-block:40px 72px;padding-top:calc(var(--nav-h) + 40px);position:relative;overflow:clip}@media (width>=768px){.hero{padding-top:calc(var(--nav-h) + 72px);padding-bottom:120px}}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%)}.glow{will-change:transform;border-radius:50%;position:absolute}.glow-a{background:radial-gradient(closest-side, var(--glow-a), transparent);width:720px;height:720px;margin-left:-560px;animation:18s ease-in-out infinite alternate drift-a;top:-260px;left:50%}.glow-b{background:radial-gradient(closest-side, var(--glow-b), transparent);width:640px;height:640px;margin-left:-40px;animation:14s ease-in-out infinite alternate drift-b;top:-120px;left:50%}.glow-c{background:radial-gradient(closest-side, var(--glow-c), transparent);width:560px;height:560px;margin-left:60px;animation:20s ease-in-out infinite alternate drift-c;top:240px;left:50%}@keyframes drift-a{to{transform:translate(80px,60px)scale(1.08)}}@keyframes drift-b{to{transform:translate(-90px,50px)scale(.94)}}@keyframes drift-c{to{transform:translate(-60px,-70px)scale(1.1)}}.hero-inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:56px;display:grid}@media (width>=1024px){.hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px}}.hero-copy{max-width:640px}.hero-title{letter-spacing:-.035em;text-wrap:balance;margin-top:20px;font-size:40px;font-weight:600;line-height:1.02}@media (width>=768px){.hero-title{font-size:56px}}@media (width>=1200px){.hero-title{font-size:72px}}.hero-title .line{display:block}.js .hero-rise{opacity:0;animation:rise var(--t-slow) var(--ease-out) forwards;animation-delay:calc(.12s + var(--d,0) * 60ms);transform:translateY(16px)}@keyframes rise{to{opacity:1;transform:none}}.hero-sub{color:var(--text-muted);text-wrap:pretty;max-width:520px;margin-top:22px;font-size:17px}@media (width>=768px){.hero-sub{font-size:19px}}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:32px;display:flex}.hero-actions .btn-ghost svg{transition:transform var(--t-fast) var(--ease-ui)}.hero-actions .btn-ghost:hover svg{transform:translateY(2px)}.rate-pill{flex-wrap:wrap;row-gap:4px;margin-top:28px}.rate-pill strong{color:var(--text);font-weight:500}.rate-pill .sep{opacity:.4}@media (width<=559px){.rate-pill{border-radius:var(--r-md)}.rate-pill .sep-last{display:none}.rate-pill-updated{flex-basis:100%;padding-left:18px}}.hero-trust{color:var(--text-muted);flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-size:13px;display:flex}.hero-trust li{align-items:center;gap:8px;display:inline-flex}.hero-trust svg{width:16px;height:16px;color:var(--primary-text)}.phone-wrap{justify-items:center;gap:14px;display:grid;position:relative}.phone-halo{background:var(--gradient);opacity:.22;filter:blur(48px);z-index:-1;border-radius:48px;position:absolute;inset:8% 6% 14%}.phone{aspect-ratio:300/620;background:var(--phone-frame);border-radius:46px;width:min(300px,100%);padding:10px;position:relative;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0a,0 40px 80px -32px #0009}.phone:before{content:"";background:#ffffff14;border-radius:2px;width:3px;height:64px;position:absolute;top:128px;right:-2px}.phone-screen{background:var(--chat-bg);color:#e9eef3;border-radius:36px;flex-direction:column;height:100%;font-size:12.5px;line-height:1.45;display:flex;position:relative;overflow:hidden}.phone-island{z-index:3;background:#000;border-radius:14px;width:84px;height:24px;margin-left:-42px;position:absolute;top:9px;left:50%}.chat-head{background:#0e1218eb;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:42px 14px 10px;display:flex}.chat-avatar{flex:none;width:32px;height:32px}.chat-title{line-height:1.2;display:grid}.chat-title b{font-size:13.5px;font-weight:600}.chat-title span{color:#7f8b9a;font-size:11px}.chat-body{background:radial-gradient(120% 60% at 100% 0,#00b5120f,#0000 60%),radial-gradient(100% 50% at 0 100%,#daf1dd12,#0000 60%);flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:12px 10px 10px;display:flex;position:relative;overflow:hidden}.chat-history{transition:transform .26s var(--ease-out);gap:6px;display:grid}.date-chip{border-radius:var(--r-full);color:#9aa6b4;background:#ffffff0f;justify-self:center;padding:2px 10px;font-size:10.5px}.bubble-user{color:#f3fff9;background:#155c45;border-radius:14px 14px 4px;justify-self:end}.screens{align-items:end;display:grid}.screen{opacity:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);pointer-events:none;grid-area:1/1;align-self:end;gap:5px;display:grid;transform:translateY(6px)}.screen.is-active{opacity:1;transform:none}.bubble{background:var(--bubble);border-radius:14px 14px 14px 4px;max-width:94%;padding:8px 11px 7px;box-shadow:0 1px #00000040}.bubble b{color:#fff;font-weight:600}.bubble p+p{margin-top:3px}.bubble code{font-family:var(--font-mono);color:#7ff2c4;background:#00b5121a;border-radius:4px;padding:0 4px;font-size:11.5px}.bubble .kv{justify-content:space-between;gap:10px;display:flex}.bubble .kv span:first-child{color:#8c98a8}.bubble .warn{color:#ffcf85;margin-top:5px}.bubble .muted{color:#8c98a8}.status-line{border-top:1px solid #ffffff0f;margin-top:6px;padding-top:6px;display:grid}.status-line span{opacity:0;transition:opacity .24s var(--ease-out), transform .24s var(--ease-out);grid-area:1/1;transform:translateY(4px)}.status-line span.is-active{opacity:1;transform:none}.kbd{gap:4px;display:grid}.kbd-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.kbd-btn{background:var(--bubble-btn);color:#e9eef3;white-space:nowrap;min-height:30px;transition:transform .16s var(--ease-ui), background-color .16s var(--ease-ui);border-radius:9px;justify-content:center;align-items:center;padding:4px 6px;font-size:11.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.kbd-btn.is-tap{background:var(--bubble-btn-hover);transform:scale(.95)}.kbd-btn:after{content:"";opacity:0;background:#00b51247;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%;transform:scale(0)}.kbd-btn.is-tap:after{animation:ripple .52s var(--ease-out)}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.notify-slot{align-items:flex-end;min-height:58px;display:flex}.notify{opacity:0;transform-origin:0 100%;width:94%;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);transform:translateY(10px)scale(.98)}.notify.is-active{opacity:1;transform:none}.chat-input{color:#6f7b8a;background:#ffffff0d;border-radius:18px;align-items:center;gap:8px;height:36px;margin:0 10px 12px;padding:0 12px;font-size:12px;display:flex}.chat-input svg{width:16px;height:16px;margin-left:auto}.phone-caption{color:var(--text-muted);font-size:12px}.calc-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (width>=1024px){.calc-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}}.rate-board{gap:12px;max-width:460px;margin-top:32px;display:grid}.rate-row{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.rate-row-label{align-items:center;gap:10px;font-weight:500;display:flex}.rate-row-value{font-size:20px;font-weight:500}.rate-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);position:relative}.calc-card{box-shadow:var(--shadow-float);padding:20px}@media (width>=768px){.calc-card{padding:28px}}fieldset.segmented,fieldset.field{min-width:0;margin:0}.segmented{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.segmented-thumb{border-radius:var(--r-full);background:var(--surface);width:calc(50% - 4px);box-shadow:0 1px 2px #0003, 0 0 0 1px var(--border);transition:transform var(--t-med) var(--ease-out);position:absolute;top:4px;bottom:4px;left:4px}.segmented[data-value=sell] .segmented-thumb{transform:translate(100%)}.seg-opt{z-index:1;border-radius:var(--r-full);min-height:44px;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast) var(--ease-ui);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:relative}.seg-opt:has(input:checked){color:var(--text)}.seg-opt:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.dot{background:var(--border);width:8px;height:8px;transition:background-color var(--t-fast) var(--ease-ui);border-radius:50%;margin-right:8px;display:inline-block}.seg-opt:has(input[value=buy]:checked) .dot{background:var(--primary)}.seg-opt:has(input[value=sell]:checked) .dot{background:var(--sell)}.field{border:0;margin-top:22px;padding:0}.field-label{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;padding:0;font-size:13px;font-weight:500;display:flex}.amount-input{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);min-height:64px;transition:border-color var(--t-fast) var(--ease-ui), box-shadow var(--t-fast) var(--ease-ui);align-items:center;gap:10px;padding:0 18px;display:flex}.amount-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.amount-input input{width:100%;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;font-size:24px;font-weight:500}.amount-input input::placeholder{color:color-mix(in srgb, var(--text-muted) 60%, transparent)}.amount-suffix{color:var(--text-muted);font-weight:600}.net-chips{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;display:grid}.net-chip{white-space:nowrap;cursor:pointer;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface-2);min-height:44px;transition:border-color var(--t-fast) var(--ease-ui), background-color var(--t-fast) var(--ease-ui), transform var(--t-fast) var(--ease-ui);justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:500;display:flex}.net-chip:hover{transform:translateY(-1px)}.net-chip:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.net-chip:has(input:checked){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface-2))}.calc-result{border-radius:var(--r-md);background:color-mix(in srgb, var(--primary) 6%, var(--surface-2));border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));margin-top:22px;padding:18px}.calc-result[data-side=sell]{background:color-mix(in srgb, var(--sell) 6%, var(--surface-2));border-color:color-mix(in srgb, var(--sell) 20%, var(--border))}.calc-result-label{color:var(--text-muted);font-size:13px}.calc-result-value{letter-spacing:-.02em;min-height:36px;margin-top:4px;font-size:30px;font-weight:600;line-height:1.2}.calc-result-rate{color:var(--text-muted);margin-top:6px;font-size:13px}.calc-actions{gap:12px;margin-top:20px;display:grid}.calc-actions .btn{width:100%}.calc-note{color:var(--text-muted);text-align:center;font-size:12.5px}.tabs{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);grid-template-columns:1fr 1fr;margin-bottom:32px;padding:4px;display:inline-grid;position:relative}.tabs-thumb{border-radius:var(--r-full);background:var(--surface);width:calc(50% - 4px);box-shadow:0 1px 2px #0003, 0 0 0 1px var(--border);transition:transform var(--t-med) var(--ease-out);position:absolute;top:4px;bottom:4px;left:4px}.tabs[data-value=sell] .tabs-thumb{transform:translate(100%)}.tabs [role=tab]{z-index:1;border-radius:var(--r-full);min-width:128px;min-height:44px;color:var(--text-muted);transition:color var(--t-fast) var(--ease-ui);padding:0 20px;font-size:15px;font-weight:600;position:relative}.tabs [role=tab][aria-selected=true]{color:var(--text)}.steps{gap:16px;display:grid}@media (width>=900px){.steps{grid-template-columns:repeat(3,1fr);gap:20px}}.step{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);padding:24px}.step-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.step-num{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.step-icon{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;color:var(--primary-text);border-radius:12px;place-items:center;display:grid}[data-panel=sell] .step-icon{color:var(--sell)}.step-icon svg{width:20px;height:20px}.step h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.step p{color:var(--text-muted);margin-top:6px;font-size:15px}.tab-panel.is-entering .step{animation:rise .42s var(--ease-out) both}.tab-panel.is-entering .step:nth-child(2){animation-delay:60ms}.tab-panel.is-entering .step:nth-child(3){animation-delay:.12s}.live-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width>=1024px){.live-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}}.feed{padding:8px;overflow:hidden}.feed-head{color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 14px 14px;font-size:13px;display:flex}.feed-head span{align-items:center;gap:8px;display:inline-flex}.feed-list{gap:4px;display:grid}.feed-item{background:var(--surface-2);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.feed-item.is-new{animation:feed-in .52s var(--ease-out) both}@keyframes feed-in{0%{opacity:0;transform:translateY(-12px)}}.feed-amt{font-weight:500}.feed-net{color:var(--text-muted);font-size:13px;font-family:var(--font-sans);white-space:nowrap;margin-top:2px;display:block}@media (width>=560px){.feed-net{margin:0 0 0 10px;display:inline}}.feed-time{color:var(--text-muted);white-space:nowrap;font-size:13px}.why-grid{gap:16px;display:grid}@media (width>=640px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.why-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.why-card{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:transform var(--t-med) var(--ease-out), border-color var(--t-med) var(--ease-out);padding:24px;position:relative;overflow:hidden}.why-card:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-2px)}.why-card:before{content:"";background:var(--gradient);opacity:0;height:1px;transition:opacity var(--t-med) var(--ease-out);position:absolute;inset:-1px -1px auto}.why-card:hover:before{opacity:1}.why-icon{background:color-mix(in srgb, var(--primary) 12%, var(--surface-2));width:44px;height:44px;color:var(--primary-text);border-radius:12px;place-items:center;margin-bottom:28px;display:grid}.why-icon svg{width:22px;height:22px}.why-card h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.why-card p{color:var(--text-muted);margin-top:6px;font-size:15px}.supported-grid{gap:12px;display:grid}@media (width>=640px){.supported-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.supported-grid{grid-template-columns:repeat(4,1fr)}}.support-item{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);align-items:center;gap:14px;padding:18px;display:flex}.support-mark{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid}.support-mark svg{width:22px;height:22px}.mark-usdt{color:#26a17b;background:#26a17b29}.mark-bsc{color:#f0b90b;background:#f0b90b29}.mark-polygon{color:#9a6cf0;background:#8247e52e}.mark-bank{background:color-mix(in srgb, var(--sell) 14%, transparent);color:var(--sell)}.support-item b{font-weight:600;display:block}.support-item span{color:var(--text-muted);font-size:13px}.faq-grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (width>=1024px){.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}}.faq-list{gap:10px;display:grid}.faq-item{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--t-fast) var(--ease-ui)}.faq-item[open]{border-color:color-mix(in srgb, var(--text-muted) 30%, var(--border))}.faq-item summary{cursor:pointer;border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:16px 20px;font-size:16px;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{width:14px;height:14px;color:var(--text-muted);flex:none;position:relative}.faq-plus:before,.faq-plus:after{content:"";width:14px;height:2px;transition:transform var(--t-med) var(--ease-out);background:currentColor;border-radius:1px;position:absolute;top:6px;left:0}.faq-plus:after{transform:rotate(90deg)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-a{color:var(--text-muted);max-width:640px;padding:0 20px 20px;font-size:15px}.faq-item[open] .faq-a{animation:rise .3s var(--ease-out) both}.cta-panel{isolation:isolate;border-radius:var(--r-lg);background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--gradient) border-box;text-align:center;border:1px solid #0000;padding:48px 24px;position:relative;overflow:hidden}@media (width>=768px){.cta-panel{padding:80px 48px}}.cta-panel:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow-a), transparent);height:120%;position:absolute;inset:auto 10% -60%}.cta-panel .h2{max-width:640px;margin-inline:auto}.cta-panel .lead{margin-inline:auto}.cta-panel .hero-actions{justify-content:center}@media (prefers-reduced-motion:reduce){.js .hero-rise{opacity:1;animation:none;transform:none}.glow{animation:none}.screen,.notify,.status-line span{transform:none}}.rate-fee{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.5}.net-note{color:var(--warning);margin-top:10px;font-size:12.5px;line-height:1.5}.mark-tron{color:#ff3b5c;background:#eb002924}.mark-solana{color:#14f195;background:#9945ff29}.mark-eth{color:#8ea2f0;background:#627eea2e}
