:root{--blue:#254aff;--ink:#171d30;--muted:#717787;--line:#e4e7ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fcfcfd;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}header,main,footer{max-width:1280px;margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:500;margin-left:-4px}.brand img{margin-right:3px}nav{display:flex;gap:28px;font-size:13px;font-weight:650}.contact{font-size:13px;border:1px solid var(--line);padding:13px 18px;border-radius:30px}.contact span{margin-left:20px}.hero{min-height:720px;display:grid;grid-template-columns:1.1fr 1fr;padding:80px 44px 65px;overflow:hidden;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;display:flex;align-items:center;gap:9px}.eyebrow i,.network-status i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:62px;line-height:1.12;letter-spacing:-3.8px;font-weight:650;margin:30px 0 24px}h1 span{color:var(--blue)}.lead{max-width:390px;line-height:1.8;font-size:16px;color:var(--muted)}.release{display:flex;gap:13px;align-items:center;margin-top:32px}.release-icon{background:var(--blue);color:white;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;font-size:23px}.release strong{font-size:14px}.release small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;font-weight:700;margin-top:28px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px;background:radial-gradient(ellipse,#e4e9ff 0%,#f1f3ff 38%,transparent 70%)}.orbit{position:absolute;border:1px solid #dce2fa;border-radius:50%;width:470px;height:470px}.orbit-two{width:590px;height:590px}.phone{z-index:2;width:280px;background:#fff;border:6px solid #242936;outline:1px solid #b3b7c6;border-radius:39px;padding:15px 17px 10px;transform:rotate(-7deg);box-shadow:15px 30px 60px #34447a25}.phone-top{display:flex;justify-content:space-between;font-size:9px;font-weight:bold;margin-bottom:24px}.wallet-top{display:flex;align-items:center;gap:7px;font-size:10px}.wallet-top>span:last-child{margin-left:auto;font-size:17px}.avatar{display:grid;place-items:center;background:#ebeeff;color:var(--blue);border-radius:50%;width:26px;height:26px}.balance-label{text-align:center;font-size:10px;color:var(--muted);margin-top:28px}.balance{text-align:center;font-size:40px;letter-spacing:-2px;margin-top:5px;font-weight:750}.balance span{color:#a4a9b6}.balance-note{text-align:center;font-size:8px;color:var(--muted);margin-top:6px}.actions{display:flex;justify-content:space-around;margin:23px 0 29px;font-size:8px}.actions>div{text-align:center;position:relative}.actions b{display:grid;place-items:center;border-radius:16px;background:#f1f3fc;width:43px;height:43px;font-size:22px;color:var(--blue);margin-bottom:7px}.actions small{position:absolute;top:-4px;right:-12px;background:#dce3ff;color:var(--blue);font-size:6px;padding:3px 5px;border-radius:5px}.tokens-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.tokens-title span{font-size:8px;color:var(--muted)}.asset{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #f1f2f6;font-size:10px}.coin{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:18px}.mcn{background:var(--blue);color:white}.eth{background:#edf0fa;color:#7c88bb}.binance{background:#fff3ca;color:#dcae00}.asset small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.asset>span{margin-left:auto;text-align:right}.phone-bottom{display:flex;justify-content:space-around;margin:20px 0 5px;color:#9b9faf;font-size:18px;text-align:center}.phone-bottom small{display:block;font-size:6px;margin-top:4px}.phone-bottom .selected{color:var(--blue)}.float-tag{position:absolute;z-index:3;background:#fff;border:1px solid #eceef5;border-radius:14px;box-shadow:0 12px 30px #1b2e6510;display:flex;align-items:center;gap:10px;padding:15px 18px;font-size:24px}.float-tag span{font-size:11px;font-weight:700;color:var(--ink)}.ethereum{top:80px;left:0}.bnb{bottom:95px;right:-5px;color:#dbab00}.demo-label{position:absolute;bottom:-14px;font-size:7px;letter-spacing:1px;color:#888fa6}.network-section,.control,.faq{padding:75px 44px}.network-section{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:43px;line-height:1.2;letter-spacing:-2px;font-weight:650;margin:20px 0}.section-heading>p{max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:23px}.network-list article{display:flex;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.network-list article:last-child{border-bottom:1px solid var(--line)}.network-number{font-size:11px;color:#8a90a0}.network-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:27px}.network-list h3{font-size:20px;font-weight:650;width:260px;margin:0}.network-ticker{color:var(--muted);font-size:12px}.network-status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px}.network-status i{background:#26a376}.arrow{font-size:24px;margin-left:35px}.control{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:40px;padding-bottom:100px}.control-art{background:#f0f2f8;min-height:480px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.control-art:before,.control-art:after{content:'';position:absolute;border:1px solid #dfe3ef;width:350px;height:350px;border-radius:50%;top:15px}.control-art:after{width:440px;height:440px;top:-30px}.key-ring{z-index:1;width:175px;height:175px;background:var(--blue);border-radius:46px;transform:rotate(-12deg);box-shadow:15px 25px 45px #254aff33;display:grid;place-items:center;margin-bottom:50px}.key-ring svg{width:140px;fill:none;stroke:white;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.control-art>span{font-size:9px;color:var(--blue);letter-spacing:3px;font-weight:800}.control-caption{text-align:center;font-size:24px;letter-spacing:-.8px;margin-top:14px;font-weight:600}.control-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}.principle{display:flex;gap:18px;margin-top:25px}.principle>span{color:var(--blue);font-size:11px;padding-top:4px}.principle h3{font-size:14px;margin:0 0 8px}.principle p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.migration{margin:0 24px;background:#2448ed;color:white;padding:48px 55px;border-radius:24px;position:relative;overflow:hidden}.migration-top{display:flex;justify-content:space-between;align-items:center}.soon{border:1px solid #ffffff55;border-radius:20px;padding:8px 12px;font-size:8px;letter-spacing:1px}.migration h2{font-size:49px;margin-top:35px}.migration>p{font-size:14px;line-height:1.8;color:#d6dfff}.exchange{display:flex;gap:65px;align-items:center;padding:32px 0 42px}.exchange small{font-size:9px;letter-spacing:1.4px;color:#c1cdff}.exchange strong{display:block;font-size:84px;font-weight:500;letter-spacing:-4px}.exchange strong span{font-size:28px;letter-spacing:-1px}.exchange p{font-size:11px;margin:0;color:#c1cdff}.exchange-arrow{font-size:65px;font-weight:400;color:#a7b7ff}.migration-foot{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff33;padding-top:16px}.migration-foot p{font-size:11px;line-height:1.9;color:#d5ddff}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:100px;padding-bottom:100px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:650;cursor:pointer;padding:23px 0}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px;font-weight:400;color:var(--blue)}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 35px 22px 0}.closing{margin:0 44px;padding:45px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.closing h2{font-size:34px;margin-bottom:0}.closing>a{font-size:24px;letter-spacing:-1px}.closing>a span{margin-left:40px;color:var(--blue)}footer{padding:45px 44px 25px;background:#f3f4f7}.footer-top{display:flex;align-items:center;gap:30px}.footer-top p{font-size:11px;color:var(--muted)}.footer-top>a:last-child{margin-left:auto;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfe2e9;padding-top:23px;margin-top:35px;font-size:9px;color:var(--muted)}.footer-bottom div{display:flex;gap:20px}.legal{max-width:800px;padding:60px 28px 100px}.legal h1{font-size:45px}.legal h2{font-size:23px;letter-spacing:-.5px;margin-top:35px}.legal p,.legal li{font-size:14px;line-height:1.9;color:#586073}.notice{padding:20px;background:#fff4d6;border:1px solid #e9d8a2;border-radius:12px}
@media(min-width:1400px){.hero{min-height:780px;padding-top:100px}h1{font-size:68px}.hero-art{min-height:580px}}
@media(max-width:1000px){.header{padding:0 25px}nav{gap:15px;font-size:11px}.hero{padding-left:25px;padding-right:25px}h1{font-size:47px;letter-spacing:-2.5px}.hero-art{transform:scale(.9)}.network-section,.control,.faq{padding-left:25px;padding-right:25px}.control{gap:35px}.network-list h3{width:220px}.network-status{font-size:10px}.arrow{margin-left:10px}.faq{gap:35px}}
@media(max-width:700px){.header{height:78px;padding:0 20px}.brand{font-size:21px}nav{display:none}.contact{padding:10px 13px;font-size:11px}.contact span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:48px 22px 35px;gap:30px}h1{font-size:46px;letter-spacing:-2.7px;margin:23px 0}.lead{font-size:14px;max-width:330px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-art{transform:none;min-height:590px}.phone{width:270px}.float-tag{padding:11px;font-size:20px}.float-tag span{font-size:9px}.ethereum{left:-8px;top:70px}.bnb{right:-8px;bottom:70px}.demo-label{font-size:6px;bottom:4px}.section-heading{display:block;margin-bottom:25px}h2{font-size:35px;letter-spacing:-1.7px}.section-heading>p{font-size:13px}.network-section{padding:45px 22px}.network-list article{gap:12px;flex-wrap:wrap;padding:20px 0}.network-number{display:none}.network-icon{width:36px;height:36px;font-size:21px}.network-list h3{font-size:16px;width:auto;flex:1}.network-ticker{font-size:10px}.network-status{margin-left:48px;width:100%;margin-top:-3px;font-size:10px}.arrow{display:none}.control{display:flex;flex-direction:column-reverse;padding:40px 22px 55px;gap:30px}.control-art{min-height:390px}.control-copy>p{font-size:13px}.migration{margin:0 12px;padding:30px 22px;border-radius:20px}.migration h2{font-size:38px}.migration .eyebrow{font-size:8px}.soon{font-size:7px;padding:7px 8px}.migration>p{font-size:12px}.exchange{gap:15px;justify-content:space-between}.exchange strong{font-size:62px}.exchange strong span{font-size:20px}.exchange small{font-size:7px;letter-spacing:.5px}.exchange-arrow{font-size:36px}.exchange p{font-size:9px}.migration-foot{grid-template-columns:1fr;gap:0}.faq{display:block;padding:55px 22px}.faq .text-link{margin-top:5px;margin-bottom:20px}.questions summary{font-size:13px}.closing{margin:0 22px;display:block;padding:35px 0}.closing h2{font-size:30px}.closing>a{display:block;margin-top:25px;font-size:23px}footer{padding:30px 22px}.footer-top{flex-wrap:wrap;gap:12px}.footer-top p{width:100%;margin:0}.footer-top>a:last-child{margin-left:0;margin-top:8px}.footer-bottom{flex-direction:column;font-size:9px;line-height:1.8}.footer-bottom div{gap:15px}.legal h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand img{object-fit:contain}.coin.mcn,.network-icon.mcn{background:transparent}.coin img,.network-icon img,.avatar img{width:100%;height:100%;object-fit:contain}.legal{max-width:920px}.legal h1{line-height:1.15;overflow-wrap:anywhere}.legal .meta{font-size:12px;color:var(--muted)}.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.legal nav{display:block;padding:20px 24px;background:#f0f3fa;border-radius:14px;margin:28px 0}.legal nav a{display:block;padding:7px 0;font-size:13px}.legal section{scroll-margin-top:25px}.legal ul{padding-left:22px}.legal li{margin:8px 0}.legal-footer{margin-top:45px;border-top:1px solid var(--line);padding-top:25px;display:flex;flex-wrap:wrap;gap:25px;font-size:13px}

/* MCN visual refresh */
:root{--blue:#063bfa;--ink:#080d20;--muted:#525b6d;--line:#dfe4ef}body{background:#fff}.header{height:98px;border-bottom:0}.brand{letter-spacing:-.9px;font-size:25px}.brand img{width:43px;height:43px}.contact{background:var(--blue);border-color:var(--blue);color:white;padding:15px 24px;font-weight:700}.hero{padding-top:65px;padding-bottom:65px;min-height:760px;gap:55px}.hero h1{font-size:76px;font-weight:800;letter-spacing:-4.5px;line-height:1.03;margin-top:25px}.hero .eyebrow{color:var(--blue)}.lead{font-size:17px;line-height:1.7;max-width:420px}.hero-art{background:#dfffe9;border-radius:44% 44% 30% 30%;min-height:585px}.orbit{border-color:#95e4bc}.orbit-two{display:none}.phone{transform:rotate(8deg);box-shadow:12px 24px 0 #052b1630;border-color:#101f18}.release{background:#f0f4ff;padding:17px 20px;border-radius:18px;max-width:365px}.release-icon{border-radius:50%}.hero .text-link{color:var(--blue);font-size:14px}.network-section{background:#f4f7ff;border:0;border-radius:28px;margin:0 24px;padding:55px 35px}.section-heading h2,h2{font-weight:800}.network-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.network-list article{background:white;border:0!important;border-radius:18px;padding:24px;display:flex;flex-wrap:wrap;gap:14px;position:relative}.network-number,.network-list .arrow{display:none}.network-list h3{width:100%;font-size:20px;order:2}.network-icon{width:52px;height:52px;background:transparent}.network-ticker{margin-left:auto;font-weight:700}.network-status{order:3;width:100%;margin:0;font-size:11px}.coin.eth,.coin.binance{background:transparent}.coin img,.network-icon img{object-fit:contain}.network-icon.eth img,.coin.eth img{width:72%;height:86%}.demo-label{bottom:13px;font-size:7px}.freedom{padding:95px 44px 55px}.freedom-heading{text-align:center}.freedom-heading .eyebrow{justify-content:center}.freedom-heading h2{font-size:53px}.freedom-heading>p,.getting-started>div>p{color:var(--muted);font-size:15px;line-height:1.7}.freedom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.freedom-grid article{border-radius:28px;padding:36px;overflow:hidden}.feature-send{background:#dcffe8}.feature-private{background:#e9edff}.feature-symbol{display:block;font-size:58px;line-height:1;color:var(--blue);font-weight:700}.freedom-grid h3{font-size:35px;line-height:1.12;letter-spacing:-1.4px;margin:25px 0 18px}.freedom-grid p{font-size:14px;line-height:1.8;max-width:360px}.mini-transfer,.privacy-pill{display:flex;align-items:center;gap:12px;background:#ffffffbc;border-radius:16px;padding:18px;margin-top:30px;font-size:12px;font-weight:700}.mini-transfer img{width:30px;height:30px;object-fit:contain}.mini-transfer b{font-size:27px;color:var(--blue)}.privacy-pill{justify-content:space-between}.privacy-pill span{font-size:26px;color:var(--blue)}.getting-started{padding:45px 44px 90px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.getting-started h2{font-size:46px}.step-list article{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:25px 0}.step-list article>b{background:var(--blue);color:white;border-radius:50%;height:40px;min-width:40px;display:grid;place-items:center;font-size:12px}.step-list h3{font-size:17px;margin:0 0 9px}.step-list p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.control-art{background:#daffe8}.key-ring{box-shadow:12px 17px 0 #0a38e52b}.migration{background:#063bfa;border-radius:28px}.migration h2{font-weight:800;font-size:55px}.faq h2{font-size:45px}.closing{background:#dfffe9;border:0;border-radius:25px;padding:36px;margin-bottom:40px}.closing>a{font-weight:700}footer{background:#f4f7ff}.legal h1{font-size:45px}
@media(max-width:1000px){.hero h1{font-size:59px}.hero{gap:20px}.network-list article{padding:20px}.network-list h3{font-size:17px}.hero-art{min-height:550px}.getting-started{gap:35px}}
@media(max-width:700px){.header{height:85px}.brand{font-size:21px}.brand img{width:35px;height:35px}.hero{padding:35px 22px 45px;gap:40px;min-height:0}.hero h1{font-size:55px;letter-spacing:-3px}.lead{font-size:16px}.hero-art{min-height:575px;border-radius:35px}.phone{transform:rotate(5deg)}.demo-label{font-size:5.6px;bottom:10px}.network-section{margin:0 12px;padding:32px 20px}.section-heading h2{font-size:35px}.network-list{grid-template-columns:1fr}.network-list article{display:grid;grid-template-columns:46px 1fr auto;gap:8px 14px;padding:20px}.network-icon{grid-row:1/3;width:43px;height:43px}.network-list h3{grid-column:2;grid-row:1;width:auto;font-size:17px}.network-ticker{grid-column:3;grid-row:1}.network-status{grid-column:2/4;grid-row:2;margin:0}.freedom{padding:55px 22px 30px}.freedom-heading{text-align:left}.freedom-heading .eyebrow{justify-content:flex-start}.freedom-heading h2{font-size:38px}.freedom-grid{grid-template-columns:1fr;gap:18px}.freedom-grid article{padding:28px}.freedom-grid h3{font-size:33px}.getting-started{padding:25px 22px 55px;display:block}.getting-started h2{font-size:38px}.step-list h3{font-size:15px}.step-list article{gap:15px}.migration h2{font-size:39px}.faq h2{font-size:36px}.closing{padding:25px;margin:0 12px 30px}.closing>a{font-size:20px}.closing>a span{margin-left:10px}.legal h1{font-size:34px}}

.migration-example{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;margin:35px 0 40px}.swap-preview{background:white;border-radius:25px;padding:20px;color:var(--ink);position:relative}.swap-panel{background:#f0f1f5;border-radius:18px;padding:24px 20px}.swap-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.swap-top>strong{font-size:42px;font-weight:650;letter-spacing:-1.8px}.token-chip{display:flex;align-items:center;gap:9px;border-radius:40px;background:white;padding:10px 14px;font-size:17px;font-weight:700}.token-chip small{display:block;font-size:8px;color:var(--muted);margin-top:4px;font-weight:500}.token-image{display:block;position:relative;width:35px;height:35px}.token-image>img{width:100%;height:100%;object-fit:contain}.token-image .chain-badge{position:absolute;width:14px;height:14px;bottom:-2px;right:-3px;border:2px solid white;border-radius:50%}.swap-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;color:var(--muted)}.swap-direction{width:43px;height:43px;background:white;border:5px solid white;border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--blue);position:relative;z-index:1;margin:-14px auto}.output-panel{background:#eaf0ff}.swap-rate{text-align:center;color:var(--muted);font-size:10px;padding:20px 0 2px}.migration-example-copy h3{font-size:37px;letter-spacing:-1.5px;line-height:1.15;margin:20px 0}.migration-example-copy>p{font-size:14px;line-height:1.8;color:#dbe3ff}.example-note{display:block;font-size:11px;line-height:1.8;color:#c1ceff;margin-top:20px}.demo-label{max-width:95%;text-align:center;line-height:1.5}
@media(max-width:700px){.migration-example{grid-template-columns:1fr;gap:26px;margin-top:26px}.swap-preview{padding:12px;border-radius:20px}.swap-panel{padding:20px 13px}.swap-top>strong{font-size:33px}.token-chip{padding:9px 11px;font-size:15px;gap:7px}.token-image{width:29px;height:29px}.token-chip small{font-size:7px}.swap-bottom{font-size:9px}.swap-rate{font-size:8px}.migration-example-copy h3{font-size:32px}.demo-label{font-size:5.5px}}

/* Blue and neutral palette; migration phone mockup */
.hero-art{background:#edf1ff}.orbit{border-color:#d6dff5}.phone{border-color:#1e2435;box-shadow:12px 24px 0 #243b7020}.feature-send,.control-art,.closing{background:#edf1ff}.network-status i{background:var(--blue)}.control-art:before,.control-art:after{border-color:#d8e0f5}
.migration-example{grid-template-columns:1fr 1fr;gap:65px}.migration-device{position:relative;background:#fdfdfe;color:var(--ink);border:7px solid #101116;outline:2px solid #78829c;box-shadow:0 0 0 6px #ffffff16,12px 22px 35px #00186b44;border-radius:48px;padding:22px 16px 12px;max-width:410px;width:100%;margin:8px auto 12px}.device-island{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:102px;height:26px;background:#08090c;border-radius:22px}.device-island:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#1f2637;right:12px;top:9px}.device-status{display:flex;justify-content:space-between;font-size:13px;padding:0 10px 18px}.device-status>span{font-size:10px;letter-spacing:1px}.device-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0 28px;font-size:13px}.device-toolbar>span{width:35px;height:35px;border:1px solid #e7e8ed;box-shadow:0 2px 6px #00000005;display:grid;place-items:center;border-radius:50%;font-size:25px}.device-toolbar strong{background:#f7f7f9;border:1px solid #ececf0;border-radius:25px;padding:11px 16px;font-size:12px}.device-toolbar small{margin-left:7px}.swap-preview{padding:0;background:transparent;border-radius:0}.swap-panel{padding:25px 16px;background:#eeeef2;border-radius:18px}.swap-top>strong{font-size:38px}.output-panel .swap-top>strong{color:#8d91a1}.token-chip{padding:10px 12px}.token-image{width:31px;height:31px}.swap-bottom{margin-top:20px;font-size:9px}.swap-direction{color:#9499ab;margin:-13px auto;font-size:26px}.swap-rate{padding:26px 0 12px;font-size:12px;color:#858b9d}.swap-rate span{margin-left:8px;font-weight:700;color:var(--blue)}.device-track{margin:36px 3px 45px;background:linear-gradient(to right,var(--blue) 0 25%,#e7e8ee 25% 100%);height:12px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:0 7px}.device-track i{width:5px;height:5px;background:#c6c9d4;border-radius:50%}.device-track i:first-child{background:white}.device-track b{width:24px;height:24px;background:#fafafa;border-radius:50%;border:1px solid #ddd;box-shadow:0 3px 5px #0002}.device-home{width:95px;height:4px;background:#222633;border-radius:6px;margin:0 auto 3px}
@media(max-width:700px){.migration-example{grid-template-columns:1fr;gap:30px}.migration-device{border-radius:38px;padding:20px 11px 10px;border-width:6px;max-width:350px}.device-status{font-size:11px;padding-left:7px;padding-right:4px}.device-status>span{font-size:8px;letter-spacing:0}.device-island{width:83px;height:23px;top:13px}.device-island:after{top:7px}.device-toolbar{margin:15px 0 21px}.device-toolbar strong{font-size:10px;padding:10px}.swap-panel{padding:23px 12px}.swap-top>strong{font-size:33px}.token-chip{padding:9px;gap:6px;font-size:14px}.token-image{width:27px;height:27px}.token-chip small{font-size:6px}.swap-bottom{font-size:8px}.swap-rate{font-size:10px}.device-track{margin-top:29px;margin-bottom:35px}}

.cellular-status{display:inline-flex!important;align-items:center;gap:5px!important;letter-spacing:0!important;color:#242733;font-size:9px!important;line-height:1}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.signal-bars i{display:block;width:3px;background:currentColor;border-radius:1px}.signal-bars i:nth-child(1){height:4px}.signal-bars i:nth-child(2){height:6px}.signal-bars i:nth-child(3){height:8px}.signal-bars i:nth-child(4){height:10px}.lte-label{font-size:9px;font-weight:700;letter-spacing:.2px}.battery-icon{display:block;width:19px;height:9px;border:1px solid #9396a1;border-radius:2px;position:relative;margin-right:2px}.battery-icon:before{content:'';position:absolute;inset:1px;background:#242733;border-radius:1px}.battery-icon:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#9396a1;border-radius:0 1px 1px 0}.phone-top{align-items:center}.migration-example{margin-bottom:12px}.device-status .cellular-status{padding:0}.device-status{align-items:center}

/* Crop the migration handset at the bottom, like the reference. */
.migration-device-crop{overflow:hidden;padding:8px 9px 0;align-self:end;max-width:430px;width:100%;margin:0 auto}.migration-device-crop .migration-device{margin:0 auto -28px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:30px;box-shadow:0 0 0 6px #ffffff16}.migration-device-crop .device-home{display:none}.migration-device-crop .device-track{margin-bottom:30px}.migration-example{align-items:center}
@media(max-width:700px){.migration-device-crop{max-width:370px}.migration-device-crop .migration-device{margin-bottom:-28px;padding-bottom:30px}.migration-device-crop .device-track{margin-bottom:25px}}

.phone{position:relative}.hero-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:76px;height:21px;background:#08090c;border-radius:20px;z-index:3}.hero-island:after{content:'';position:absolute;right:9px;top:7px;width:7px;height:7px;background:#1f2637;border-radius:50%}.phone-top{min-height:20px;margin-bottom:22px;padding:0 1px}.phone-top .cellular-status{gap:3px!important}.phone-top .lte-label{font-size:7px}.phone-top .signal-bars{height:8px;gap:1px}.phone-top .signal-bars i{width:2px}.phone-top .signal-bars i:nth-child(1){height:3px}.phone-top .signal-bars i:nth-child(2){height:5px}.phone-top .signal-bars i:nth-child(3){height:6px}.phone-top .signal-bars i:nth-child(4){height:8px}.phone-top .battery-icon{width:15px;height:8px}

.wallet-tools{display:flex;align-items:center;gap:7px;margin-left:auto}.wallet-tool{width:29px;height:29px;display:grid;place-items:center;background:#f1f2f5;border-radius:50%;color:#292c34}.wallet-tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wallet-top{gap:6px}.wallet-top>strong{font-size:9px}.wallet-top .avatar{width:23px;height:23px}.device-toolbar{justify-content:flex-start;gap:20px}.device-toolbar>strong{margin-left:auto;margin-right:0}