:root{--bg:#eef1f9;--ink:#071b37;--muted:#52627c;--line:#d4e4ff;--blue:#3984fa}*{box-sizing:border-box}html{scroll-behavior:auto}body{zoom:1.3;margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8bb9ff;outline-offset:3px}section,main{scroll-margin-top:75px}.page{width:min(620px,calc(100% - 32px));margin:auto}.hero{text-align:center;padding-top:137px}.hero h1{font-size:55px;font-weight:600;letter-spacing:-1.5px;line-height:1.6;margin:0}.blue-button{color:#fff;border:0;background:linear-gradient(180deg,#63a5ff 0%,#3281f6 57%,#4c91f6 100%);box-shadow:inset 0 -3px 5px #ffffff70,0 0 0 3px #e2edff;border-radius:18px}.get-started{display:inline-flex;align-items:center;justify-content:center;font-size:10px;width:78px;height:27px;margin-top:22px}.down-arrow{display:block;font-size:37px;color:#62a2ff;line-height:1;margin:29px auto 22px;width:40px}.exchange-card{background:#fff;border-radius:28px;padding:28px 16px 30px;position:relative}.tabs{display:flex;width:max-content;margin:0 auto 15px;border:1px solid var(--line);border-radius:12px;padding:4px;font-size:11px}.tab{border:0;background:none;color:var(--ink);border-radius:15px;padding:8px 16px}.tab.active{background:linear-gradient(135deg,#60a1ff,#2879f6);color:#fff}.tab:disabled{opacity:1;cursor:default}.exchange-box{height:100px;border:1px solid var(--line);border-radius:22px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:13px 28px}.box-label{position:absolute;top:-11px;left:28px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-size:10px}.amount{min-width:0;display:flex;flex-direction:column;gap:7px}.amount input,.amount output{border:0;background:transparent;color:var(--ink);font-weight:700;font-size:22px;width:160px;max-width:100%;padding:0;outline:0}.amount input::-webkit-inner-spin-button,.amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount small{color:var(--muted);font-size:10px}.coin{border:0;background:transparent;display:flex;align-items:center;text-align:left;color:var(--ink);gap:7px;padding:0}.coin strong{display:block;font-size:22px;letter-spacing:-.6px}.coin small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.coin-icon{width:35px;height:35px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:25px}.tether{background:#26a17b}.tron{background:#ef002b}.tron svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.3;stroke-linejoin:round}.switch-wrap{height:16px;display:flex;justify-content:center;position:relative;z-index:2}.switch{position:absolute;top:-13px;width:40px;height:40px;font-size:25px;line-height:1;border-radius:13px}.rate{background:#edf4ff;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:9px;color:#52627c;margin-top:10px;padding:7px}.swap{display:block;width:100%;height:28px;margin-top:10px;font-size:10px}.how-link{display:block;color:#2177ff;text-align:center;font-size:11px;margin-top:14px}.demo-note{text-align:center;font-size:9px;line-height:1.4;color:#79879b;margin:12px 0 -13px}.section{margin-top:43px}.section h2{font-size:26px;letter-spacing:-.5px;margin:0 0 20px;font-weight:700}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.advantage-grid article{height:104px;background:#fff;border-radius:17px;padding:12px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.advantage-grid p{position:relative;margin:0;color:#111;font-size:8px;line-height:1.25}.adv-illustration,.adv-number{position:absolute;top:10px;left:14px;right:14px;height:42px;opacity:.65}.adv-illustration svg{height:100%;width:100%;fill:none;stroke:#c2dbff;stroke-width:3;stroke-linejoin:round}.circles{display:flex;align-items:center;justify-content:center;gap:8px}.circles i{width:24px;height:24px;border:5px solid #dcecff;border-radius:50%}.circles i:nth-child(2){border-color:#a5caff}.adv-number{font-size:45px;font-weight:700;letter-spacing:-3px;line-height:1;color:#c6ddff;white-space:nowrap;text-align:center;mask-image:linear-gradient(#000,transparent)}.sample-caption{font-size:9px;color:#8995a8;margin:8px 0 0}.instruction{margin-top:42px}.instruction h2{margin-bottom:25px}.instruction-card{height:315px;background:#fff;border-radius:28px;padding:18px 16px;position:relative;overflow:hidden}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.progress span{height:1px;background:#aeb6c2}.progress span.active{background:#3284ff;height:2px}.instruction-card h3{font-size:16px;color:#0a0a0a;margin:21px 0 45px}.instruction-demo{width:83%;margin:auto;position:relative}.mini-box{position:relative;border:1px solid var(--line);border-radius:18px;height:56px;display:flex;align-items:center;justify-content:space-between;padding-left:21px;margin-bottom:11px}.mini-label{position:absolute;top:-9px;left:20px;font-size:7px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.mini-box b{font-size:16px;letter-spacing:-.4px}.mini-box small{display:block;font-size:8px;color:var(--muted)}.mini-coin{height:100%;width:35%;border-left:1px solid #e5efff;display:flex;align-items:center;gap:6px;padding-left:14px}.mini-coin .coin-icon{width:27px;height:27px;font-size:19px}.mini-coin svg{width:21px;height:21px}.mini-coin b{font-size:14px}.mini-coin small{font-size:7px}.chevron{margin-left:auto;margin-right:18px;color:#66758c}.mini-switch{position:absolute;z-index:2;top:45px;left:calc(50% - 16px);width:32px;height:32px;border-radius:11px;background:linear-gradient(#66a5ff,#3484f8);box-shadow:inset 0 -3px 5px #ffffff70;color:white;font-size:20px;text-align:center;line-height:32px}.next-step{position:absolute;right:17px;top:57%;background:none;border:0;font-size:30px;color:#758399}.faq{margin-top:43px}.faq h2{margin-bottom:12px}.faq>p{font-size:11px;color:var(--muted);margin:0 0 22px;line-height:1.5}.faq details{background:#fff;border:1px solid var(--line);border-radius:17px;margin-bottom:6px;padding:18px 28px;color:var(--muted);font-size:12px}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'⌄';font-size:19px;line-height:12px}.faq details[open] summary:after{content:'⌃'}.faq details p{font-size:11px;line-height:1.5;margin:14px 0 0}footer{border-top:1px solid #73839a;margin-top:53px;padding:13px 0 45px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>div{display:flex;flex-direction:column;gap:5px}.footer-logo{font-size:22px;font-weight:800;color:#111}footer span,footer nav{font-size:10px;color:var(--muted)}footer nav{display:flex;gap:36px}.floating-nav{position:fixed;z-index:10;top:14px;left:50%;transform:translateX(-50%);width:min(646px,calc(100% - 24px));height:44px;border-radius:30px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:4px 14px;gap:8px;font-size:10px;color:var(--muted)}.floating-nav a:not(.mark){padding:7px 4px}.mark{width:29px;height:29px;margin-right:14px}.mark svg{width:100%;height:100%;fill:#111}.floating-nav .nav-faq{background:linear-gradient(#63a5ff,#3180f5);box-shadow:inset 0 -3px 5px #ffffff70;color:white;border-radius:20px;padding:8px 17px!important}.language{height:31px;padding:0 14px;font-size:10px;white-space:nowrap}.language span{margin-left:5px}@media(max-width:560px){.hero{padding-top:80px}.hero h1{font-size:clamp(34px,9vw,46px);line-height:1.45}.exchange-card{padding-left:14px;padding-right:14px}.exchange-box{padding-left:18px;padding-right:18px}.coin strong{font-size:18px}.advantage-grid{gap:8px}.advantage-grid article{padding:10px}.adv-number{font-size:clamp(26px,8vw,43px)}.advantage-grid p{font-size:7px}.mini-coin{width:42%;padding-left:7px}.mini-box{padding-left:12px}.instruction-demo{width:88%}.floating-nav{gap:2px;padding:4px 8px;font-size:9px}.mark{margin-right:3px;width:25px;height:25px}.floating-nav .nav-faq{padding:8px 10px!important}.language{padding:0 8px;font-size:9px}footer nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Proportions based on the reference at the desktop card width. */
@media (min-width:561px){
  .exchange-card{padding:34px 20px 36px;border-radius:34px}
  .tabs{font-size:13px;padding:5px;margin-bottom:19px;border-radius:14px}
  .tab{padding:10px 20px;border-radius:18px}
  .exchange-box{height:98px;border-radius:27px;padding:16px 34px}
  .box-label{left:34px;top:-13px;font-size:12px;padding:7px 12px;border-radius:9px}
  .amount input,.amount output{font-size:27px}
  .amount small,.coin small{font-size:12px}
  .coin strong{font-size:27px}
  .coin-icon{width:42px;height:42px;font-size:30px}
  .tron svg{width:31px;height:31px}
  .switch-wrap{height:20px}.switch{width:49px;height:49px;top:-15px;border-radius:16px;font-size:30px}
  .rate{font-size:11px;padding:8px;margin-top:13px;border-radius:12px}
  .swap{height:34px;font-size:12px;margin-top:13px}
  .how-link{font-size:13px;margin-top:17px}
  .advantage-grid article{height:104px;padding:15px 19px;border-radius:20px}
  .advantage-grid p{font-size:10px}
  .adv-illustration,.adv-number{top:12px;height:50px}
  .adv-number{font-size:54px}
  .instruction-card{height:315px;padding:22px 20px;border-radius:34px}
  .instruction-card h3{font-size:20px;margin:26px 0 56px}
  .instruction-demo{width:79%}
  .mini-box{height:68px;border-radius:20px;padding-left:25px;margin-bottom:14px}
  .mini-label{top:-10px;left:25px;font-size:8px;padding:5px 8px}
  .mini-box b{font-size:20px}.mini-box small{font-size:10px}
  .mini-coin{padding-left:16px}.mini-coin .coin-icon{width:33px;height:33px;font-size:24px}
  .mini-coin svg{width:25px;height:25px}.mini-coin b{font-size:18px}.mini-coin small{font-size:9px}
  .mini-switch{top:55px;left:calc(50% - 20px);width:40px;height:40px;line-height:40px;font-size:25px;border-radius:13px}
}
.floating-nav a.nav-active{background:linear-gradient(#63a5ff,#3180f5);box-shadow:inset 0 -3px 5px #ffffff70;color:white;border-radius:20px;padding:8px 17px;position:relative}
.floating-nav a.nav-active::after{content:"";position:absolute;bottom:-7px;left:25%;width:50%;height:2px;background:#4b91ff;border-radius:2px}
@media(max-width:560px){.floating-nav a.nav-active{padding:8px 10px}}

/* Small interaction refinements keep the layout stable as the active link changes. */
.floating-nav a:not(.mark){padding:8px 12px;border-radius:20px;transition:color .2s,background-color .2s,box-shadow .2s}
.floating-nav a.nav-active{padding:8px 12px}
.blue-button,.coin,.next-step{transition:filter .2s,transform .2s}
.blue-button:not(:disabled):hover{filter:brightness(1.06)}
.blue-button:not(:disabled):active,.coin:active,.next-step:active{transform:scale(.97)}
.coin:hover,.next-step:hover{filter:brightness(.85)}
.faq details{transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:#9fc5ff;box-shadow:0 4px 15px #3c80e80b}
.tab:disabled,.language:disabled{cursor:default}
@media(max-width:560px){.floating-nav a:not(.mark),.floating-nav a.nav-active{padding:8px 7px}.floating-nav{gap:0}.floating-nav .mark{flex-shrink:0}.language{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.wallet-button{display:block;margin:12px auto 0;border:1px solid var(--line);border-radius:18px;background:#fff;color:#327df4;font-size:11px;padding:7px 18px}.wallet-button:hover{background:#edf4ff}.wallet-button:disabled{opacity:.6;cursor:wait}.wallet-status{text-align:center;color:#52627c;font-size:10px;line-height:1.4;margin:8px 0 0}.wallet-status:empty{display:none}

.currency-dialog{width:min(420px,calc(100% - 32px));max-height:min(620px,80vh);padding:22px;border:0;border-radius:24px;color:var(--ink);box-shadow:0 18px 70px #10264b35}.currency-dialog::backdrop{background:#071b37a0}.currency-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.currency-header h2{margin:0;font-size:19px}.currency-header p{margin:6px 0 16px;color:var(--muted);font-size:12px}.currency-close{border:0;background:#edf4ff;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;color:var(--muted)}.currency-search input{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 14px;background:#f8faff;color:var(--ink);font-size:13px}.currency-list{overflow:auto;max-height:min(400px,52vh);margin-top:10px}.currency-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;border-radius:13px;padding:10px;color:var(--ink)}.currency-option:hover,.currency-option[aria-pressed=true]{background:#edf4ff}.currency-option-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;color:white;font-size:17px;font-weight:700}.currency-option-label{min-width:0;flex:1}.currency-option-label strong,.currency-option-label small{display:block}.currency-option-label strong{font-size:14px}.currency-option-label small{font-size:11px;color:var(--muted);margin-top:3px}.currency-selected{color:#3281f6;font-weight:700}.currency-empty{text-align:center;color:var(--muted);font-size:13px;padding:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wallet-button[hidden]{display:none}

/* Hide browser number steppers while retaining numeric input. */
.amount input[type=number]{appearance:textfield;-moz-appearance:textfield}
.amount input[type=number]::-webkit-inner-spin-button,.amount input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.approval-disclaimer{text-align:center;font-size:10px;line-height:1.5;color:#52627c;margin:14px 0 0}

/* Clearer typography and a complete, responsive deposit guide. */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
.hero h1{line-height:1.2;letter-spacing:-.055em;font-weight:700}.section h2{letter-spacing:-.045em;line-height:1.12}.faq>p{font-size:12px}.faq details{font-size:13px}.faq details p{font-size:12px;line-height:1.6}.advantage-grid p{font-size:10px;line-height:1.4}.demo-note,.approval-disclaimer,.wallet-status{font-size:10px;line-height:1.55}
.instruction{margin-top:58px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.section-heading h2{margin:6px 0 0}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 2px}.eyebrow,.guide-label,.guide-count,.step-tag,.visual-head,.visual-footer,.guide-bottom{font-size:9px;font-weight:700;letter-spacing:.11em}.eyebrow{color:#4888e8}.instruction-card{height:auto;min-height:355px;padding:24px 28px 20px;border:1px solid #dce8fb;border-radius:28px;box-shadow:0 12px 36px #335e9910}.guide-top{display:flex;justify-content:space-between;align-items:center;color:#72819b}.guide-label{color:#4888e8}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.progress button{height:4px;border:0;padding:0;border-radius:4px;background:#e4ebf6}.progress button.active{background:#3984fa}.guide-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;min-height:230px}.guide-copy{padding:20px 0}.step-tag{display:inline-block;color:#3984fa;background:#edf4ff;padding:7px 10px;border-radius:8px}.instruction-card h3{margin:16px 0 10px;font-size:24px;color:#0b203d;letter-spacing:-.04em;line-height:1.15}.guide-copy p{font-size:13px;line-height:1.6;color:#65758c;max-width:250px;margin:0}.guide-controls{display:flex;gap:8px;margin-top:20px}.guide-arrow,.next-step{position:static;width:36px;height:36px;border:1px solid #dce8fb;background:#fff;color:#347ff1;border-radius:12px;font-size:18px;line-height:1}.guide-arrow:hover:not(:disabled){background:#edf4ff}.guide-arrow:disabled{color:#bdc8d7;cursor:default}.guide-visual{height:205px;border-radius:23px;background:linear-gradient(145deg,#eef5ff,#e5efff);position:relative;display:grid;place-items:center;overflow:hidden}.guide-orbit{position:absolute;border:1px solid #b4d2ff;border-radius:50%;width:180px;height:180px}.orbit-two{width:245px;height:245px;opacity:.55}.guide-visual-card{position:relative;z-index:1;background:#fff;border:1px solid #e7effb;border-radius:16px;padding:14px;width:78%;box-shadow:0 15px 35px #5485d329}.visual-head,.visual-footer{display:flex;justify-content:space-between;align-items:center;color:#8a99ad;font-size:8px}.visual-dot{width:7px;height:7px;background:#69caa1;border-radius:50%}.visual-main{display:flex;gap:10px;align-items:center;margin:17px 0}.visual-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:#edf4ff;color:#3984fa;font-size:22px}.visual-main strong,.visual-main small{display:block}.visual-main strong{font-size:12px;letter-spacing:-.02em}.visual-main small{font-size:10px;color:#8a99ad;margin-top:4px}.visual-divider{height:1px;background:#edf2f9;margin-bottom:12px}.visual-footer{letter-spacing:0;text-transform:none;font-size:9px}.visual-check{color:#4cb98d;font-size:13px}.guide-spark{position:absolute;color:#76a9f9;font-size:20px}.spark-one{top:18px;right:20px}.spark-two{bottom:18px;left:20px;font-size:15px}.guide-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e9eff8;padding-top:16px;color:#8998ac;letter-spacing:.03em;font-weight:500}.guide-bottom-dot{color:#64c8a1}
@media(max-width:560px){.section-heading{align-items:start;flex-direction:column;gap:7px}.section-heading>p{font-size:11px}.instruction-card{padding:20px;border-radius:24px}.guide-content{grid-template-columns:1fr;gap:0}.guide-copy{padding:22px 0 16px}.instruction-card h3{font-size:22px}.guide-copy p{max-width:none}.guide-visual{height:165px;margin-bottom:18px}.guide-controls{margin-top:16px}.guide-bottom{font-size:8px}.advantage-grid p{font-size:9px}}

/* Reference-style instruction carousel */
.instruction{margin-top:50px}.instruction h2{margin:0 0 30px;font-size:26px}.instruction-card{position:relative;height:315px;min-height:0;padding:22px 20px 20px;border:0;border-radius:34px;box-shadow:none;overflow:hidden}.instruction-card .progress{margin:0;gap:18px}.instruction-card .progress button{height:2px;border-radius:0;background:#c3c9d2}.instruction-card .progress button.active{background:#347ff4}.instruction-card h3{margin:26px 0 0;font-size:20px;letter-spacing:-.035em;color:#000}.example-stage{height:198px;display:flex;align-items:center;justify-content:center}.example-slide{position:relative;width:80%}.example-slide[hidden],.step-nav[hidden]{display:none}.example-coinbox{height:63px;border:1px solid #cfe1ff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 0 0 24px;margin:14px 0}.example-label{position:absolute;top:-10px;left:24px;padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #cfe1ff;font-size:8px}.example-coinbox strong{font-size:20px;letter-spacing:-.04em}.example-coinbox small{display:block;font-size:10px;color:#52627c}.example-coin{height:100%;width:36%;border-left:1px solid #e4edfc;display:flex;align-items:center;gap:6px;padding:0 10px}.example-coin img{width:32px;height:32px}.example-coin b{font-size:17px}.example-coin>span{margin-left:auto;font-size:16px;color:#52627c}.example-switch{position:absolute;z-index:1;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;color:white;background:linear-gradient(#69aaff,#3483f6);box-shadow:inset 0 -3px 5px #ffffff70;border-radius:13px;font-size:25px}.step-nav,.next-step{position:absolute;top:55%;width:30px;height:42px;background:none;border:0;color:#61718a;font-size:34px;line-height:1;padding:0}.prev-step{left:18px}.next-step{right:18px}.step-nav:hover{color:#3281f6}.example-caption{position:absolute;bottom:8px;left:20px;right:20px;text-align:center;margin:0;font-size:8px;color:#8995a8}.address-row{height:48px;border:1px solid #cfe1ff;border-radius:17px;display:flex;align-items:center;padding:0 22px;color:#52627c;font-size:18px;font-weight:600;position:relative;margin:10px 0}.address-row span{position:absolute;top:-9px;left:22px;background:white;border:1px solid #cfe1ff;border-radius:7px;padding:4px 7px;font-size:8px}.faded{opacity:.23}.connect-demo{text-align:center}.example-sum{font-size:100px;font-weight:700;letter-spacing:-.07em;line-height:1.2;color:#9ac3ff;mask-image:linear-gradient(#000 30%,transparent 100%)}.example-swap{margin:12px auto 0;width:90%;height:40px;display:grid;place-items:center;font-size:16px}.notification-demo{width:70%}.notification{height:62px;border-radius:22px;background:#a9a9ac;display:flex;align-items:center;gap:10px;padding:10px 14px;color:#171717}.notification.faded{background:#a9a9ac}.notification strong,.notification small{display:block;font-size:13px;letter-spacing:-.03em}.notification small{font-size:12px;font-weight:400;margin-top:3px}.notification time{font-size:12px;margin-left:auto;align-self:flex-start;color:#555;white-space:nowrap}.shield-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:white;color:#1658ed;font-size:27px}.faq .faq-example-note{font-size:10px;color:#7a8799;margin:-13px 0 16px;line-height:1.5}
@media(max-width:560px){.instruction h2{font-size:24px}.instruction-card{height:320px;padding:20px 16px}.instruction-card h3{font-size:19px}.example-slide{width:80%}.example-coinbox{padding-left:10px}.example-coinbox strong{font-size:15px}.example-coin{width:45%;padding:0 5px}.example-coin img{width:24px;height:24px}.example-coin b{font-size:13px}.example-coinbox small,.example-coin small{font-size:8px}.example-label{left:10px}.example-sum{font-size:75px}.notification-demo{width:78%}.notification{height:54px;padding:6px;gap:5px}.notification strong,.notification small{font-size:9px}.notification time{font-size:9px}.shield-icon{width:31px;height:31px}.prev-step{left:4px}.next-step{right:4px}}

.shield-icon img{width:24px;height:28px;display:block}

/* Subtle feedback without changing the layout. */
.coin,.wallet-button,.currency-option,.step-nav,.progress button,.faq details{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.currency-option:hover{transform:translateX(3px)}
.faq summary::after{transition:transform .2s ease}
.exchange-card{box-shadow:0 12px 38px rgba(38,74,132,.045)}
@media(prefers-reduced-motion:reduce){.coin,.wallet-button,.currency-option,.step-nav,.progress button,.faq details,.faq summary::after{transition:none}.currency-option:hover{transform:none}}

/* Typography and spacing refinements */
.hero h1{line-height:1.16;letter-spacing:-.045em}
.get-started{width:auto;min-width:96px;height:34px;padding:0 18px;font-size:11px;font-weight:600}
.down-arrow{margin-top:25px;margin-bottom:24px}
.floating-nav{box-shadow:0 6px 24px rgba(38,74,132,.06);font-size:11px}
.floating-nav a:not(.mark){font-weight:500}
.language{font-size:11px;font-weight:600}
.tabs{font-weight:500}
.tab:disabled{color:#8a97a9}
.box-label{font-weight:600;letter-spacing:.04em}
.amount input,.amount output,.coin strong{letter-spacing:-.035em}
.amount small,.coin small{line-height:1.4}
.rate{line-height:1.45}
.swap{height:40px;font-size:13px;font-weight:600}
.wallet-button{font-size:12px;font-weight:600;padding:9px 20px}
.how-link{font-weight:500}
.approval-disclaimer,.demo-note,.wallet-status{font-size:11px;line-height:1.55}
.approval-disclaimer{max-width:480px;margin:16px auto 0}
.demo-note{margin-top:10px}
.section{margin-top:52px}
.section h2{line-height:1.18;margin-bottom:22px}
.advantage-grid article{min-height:112px;height:auto}
.advantage-grid p{font-size:11px;line-height:1.4;color:#263850}
.sample-caption,.example-caption,.faq .faq-example-note{font-size:10px;line-height:1.5;color:#718098}
.instruction{margin-top:52px}
.instruction h2{margin-bottom:22px}
.instruction-card h3{color:var(--ink)}
.faq>p{max-width:530px;font-size:13px;line-height:1.6}
.faq details{padding:18px 24px;margin-bottom:8px;color:#30435e}
.faq summary{font-weight:600;line-height:1.4}
.faq details p{color:var(--muted);line-height:1.65}
footer{border-color:#c9d5e6}
footer span,footer nav{font-size:11px}
@media(max-width:560px){
  .hero h1{line-height:1.18}
  .floating-nav{font-size:9px}
  .language{font-size:9px}
  .exchange-box{min-width:0}
  .amount input,.amount output{width:110px}
  .swap{height:38px}
  .advantage-grid article{min-height:112px}
  .advantage-grid p{font-size:9px;line-height:1.4}
  .faq details{padding:16px 18px}
}
@media(max-width:380px){
  .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advantage-grid p{font-size:10px}
  .floating-nav a:not(.mark),.floating-nav a.nav-active{padding-left:5px;padding-right:5px}
  .language{padding:0 6px}
}

/* Rotate one chevron continuously as the answer expands or collapses. */
.faq summary::after{content:'⌄';flex:none;transform:rotate(0);transition:transform 280ms cubic-bezier(.22,1,.36,1)}
.faq details[open] summary::after,.faq details.faq-expanded summary::after{content:'⌄';transform:rotate(180deg)}
.faq details.faq-closing summary::after{transform:rotate(0)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}

/* Progress window while the wallet is open or a deposit is being processed. */
.operation-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#071b37b8}
body.operation-open{overflow:hidden}
.operation-overlay[hidden]{display:none}
.operation-panel{width:min(380px,100%);background:#fff;border-radius:26px;padding:30px 24px 24px;text-align:center;box-shadow:0 24px 90px #071b3766}
.operation-panel h2{margin:16px 0 8px;font-size:20px;letter-spacing:-.035em;color:var(--ink)}
.operation-panel p{margin:0 auto;max-width:310px;color:var(--muted);font-size:12px;line-height:1.6;white-space:pre-line}
.operation-spinner{display:inline-block;width:36px;height:36px;border:3px solid #dbe9ff;border-top-color:#3984fa;border-radius:50%;animation:operation-spin .8s linear infinite}
.operation-spinner[hidden]{display:none}
.operation-close{display:block;margin:20px auto 0;border:0;border-radius:13px;background:#edf4ff;color:#327df4;padding:10px 20px;font-size:12px;font-weight:600}
.operation-close:hover{background:#e2edff}
.operation-close[hidden]{display:none}
@keyframes operation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.operation-spinner{animation:none}}
@media(max-width:560px){.operation-panel{padding:26px 20px 20px}.operation-panel h2{font-size:18px}.operation-panel p{font-size:11px}}