:root{--exoswap-edge:16px}
html{max-width:100%;overflow-x:clip}
body{min-width:0;max-width:100%;overflow-x:clip}
#main-content,.view,.site-header,.footer{max-width:100%;min-width:0}
img,video,canvas{max-width:100%;height:auto}
.exoswap-install{width:min(calc(100% - 48px),1170px);margin:74px auto 0;padding:22px 26px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;border:1px solid rgba(90,158,255,.23);border-radius:26px;background:linear-gradient(120deg,rgba(15,34,78,.96),rgba(8,20,44,.97));box-shadow:0 16px 45px rgba(0,0,0,.16)}
.exoswap-install-emblem{width:66px;height:66px;border-radius:19px;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.28);flex:none}
.exoswap-install-emblem img{display:block;width:100%;height:100%;object-fit:cover}
.exoswap-install-copy{min-width:0}
.exoswap-install-kicker{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;color:#67d4ff}
.exoswap-install h2{font-size:clamp(19px,2.3vw,27px);font-weight:600;line-height:1.22;letter-spacing:-.03em;margin:7px 0 7px;color:#f4f8ff}
.exoswap-install p{margin:0;font-size:13px;line-height:1.55;color:#a8bdd9}
.exoswap-install-button{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid rgba(136,201,255,.5);border-radius:13px;padding:13px 18px;min-height:46px;background:linear-gradient(135deg,#1a6bfa,#097bc8);color:white;font:600 12px 'Space Grotesk',sans-serif;transition:background .18s,transform .18s;cursor:pointer}
.exoswap-install-button:hover{background:linear-gradient(135deg,#2980ff,#129be8)}
.exoswap-install-button:active{transform:translateY(1px);background:#1558c1}
.exoswap-install-button:focus-visible{outline:2px solid #5bd6ff;outline-offset:3px}
.exoswap-install-button svg{flex:none}
.exoswap-install .exoswap-install-instructions{margin-top:12px;padding:11px 13px;border-left:2px solid #4fcafa;background:rgba(20,87,160,.14);border-radius:0 9px 9px 0;color:#d7ecff}
.exoswap-install[hidden],.exoswap-install-instructions[hidden]{display:none!important}

@media(max-width:760px){
  :root{--exoswap-edge:14px}
  html,body{width:100%;max-width:100%;overflow-x:clip}
  #main-content,.view,.hero-grid,.hero-left,.hero-right,.container,.panel,.v9-bridge-layout,.v10-section-shell,.footer,.footer-main,.footer-bottom{min-width:0;max-width:100%}
  .container{width:calc(100% - 28px);margin-inline:auto}
  .hero-grid{box-sizing:border-box;max-width:100%!important;width:100%!important;padding-inline:12px!important}
  .hero-grid>*,.trade-workspace,.trade-head,.asset-box,.asset-input-row,.wallet-balance-overview,.quote-summary,.v9-bridge-layout>*,.v9-bridge-side,.v9-bridge-form,.v9-bridge-result,.v9-bridge-fields{min-width:0;max-width:100%}
  .hero-right{width:100%;max-width:100%}
  .hero-left .hero-lead{overflow-wrap:break-word}
  .header-inner{min-width:0;width:100%;max-width:100%;gap:7px}
  .brand{min-width:0;flex-shrink:1}
  .header-actions{min-width:0;max-width:100%;gap:6px}
  .network-button,.connect-button{flex-shrink:1;min-width:0}
  #network-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:89px}
  .trade-head{display:flex;gap:8px;align-items:flex-start}
  .trade-head>div:first-child{min-width:0;flex:1}
  .asset-input-row{display:flex;min-width:0}
  .asset-input-row input,.output-value#buy-amount{min-width:0;max-width:100%;flex:1}
  .token-button{flex:none;max-width:49%}
  .quote-summary>div{min-width:0;gap:10px}
  .quote-summary strong{min-width:0;max-width:60%;overflow-wrap:anywhere;text-align:right}
  .wallet-overview-values{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wallet-overview-values>div,.wallet-overview-values strong{min-width:0;overflow-wrap:anywhere}
  .ticker-wrap{overflow:hidden;max-width:100vw}
  .ticker-track{width:max-content}
  .v9-feature-banner{max-width:calc(100% - 28px)!important;width:calc(100% - 28px)!important;margin-inline:auto!important;box-sizing:border-box;grid-template-columns:minmax(0,1fr)!important;gap:14px;padding:18px!important}
  .v9-feature-banner .v9-feature-art,.v9-feature-banner .v9-feature-copy,.v10-robot-frame{min-width:0;max-width:100%}
  .v10-feature-points{grid-template-columns:minmax(0,1fr)!important}
  .v9-feature-copy h2{font-size:clamp(31px,9vw,45px)!important;overflow-wrap:break-word}
  .stat-strip,.capabilities,.v9-analytics-bridges,.analytics-grid,.liquidity-cards{min-width:0;max-width:100%}
  .final-cta,.platform-head{min-width:0;max-width:100%}
  #view-explore,#view-liquidity,#view-analytics,#view-bridge,#view-markets{box-sizing:border-box;width:100%;max-width:100%;padding-inline:14px}
  #view-explore .container,#view-liquidity .container,#view-analytics .container,#view-bridge .container,#view-markets .container{width:100%;max-width:100%}
  .v9-bridge-layout{grid-template-columns:minmax(0,1fr)!important}
  .v9-bridge-form,.v9-bridge-result,.v9-bridge-visual{max-width:100%}
  .v9-bridge-fields{padding:17px!important}
  .v9-bridge-fields input,.v9-bridge-fields select{width:100%;max-width:100%}
  .table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .asset-table{min-width:540px}
  .modal-backdrop{width:100%;max-width:100%;box-sizing:border-box}
  .modal{max-width:calc(100vw - 24px)!important;width:100%;min-width:0;box-sizing:border-box}
  .footer{margin-top:50px!important;padding:34px 0 calc(98px + env(safe-area-inset-bottom,0px))!important}
  .footer .container{width:calc(100% - 32px)!important;max-width:100%;margin-inline:auto}
  .footer-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 15px!important;align-items:start!important;padding-bottom:26px!important}
  .footer-main>div{min-width:0;max-width:100%;grid-column:auto!important;grid-row:auto!important}
  .footer-main>div:first-child{grid-column:1/-1!important;padding-bottom:5px}
  .footer-links{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px!important}
  .footer-links>span:first-child{display:block;min-width:0;min-height:30px;max-width:100%;margin:0!important;font-size:10px!important;line-height:1.45;letter-spacing:.06em;white-space:normal;overflow-wrap:break-word}
  .footer-links>a,.footer-links>button{display:inline-flex;align-items:flex-start;gap:5px;max-width:100%;min-width:0;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere;word-break:normal;text-align:left}
  .footer-links>a .ui-arrow,.footer-links>button .ui-arrow{width:12px!important;height:12px!important;min-width:12px!important;flex:none;margin-top:2px}
  .footer-bottom{display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding-top:20px!important;font-size:9px;line-height:1.6}
  .exoswap-mobile-dock{box-sizing:border-box;max-width:100%;width:100%;left:0;right:0}
  .exoswap-mobile-dock button{min-width:0}
  .exoswap-install{width:calc(100% - 28px);max-width:100%;grid-template-columns:55px minmax(0,1fr);gap:12px;margin:35px auto 0;padding:16px;border-radius:21px}
  .exoswap-install-emblem{width:54px;height:54px;border-radius:15px}
  .exoswap-install-copy h2{font-size:19px}
  .exoswap-install-copy>p{font-size:11px}
  .exoswap-install-actions{grid-column:1/-1}
  .exoswap-install-button{width:100%;min-height:44px}
}
@media(max-width:350px){
  .container{width:calc(100% - 20px)}
  .footer .container{width:calc(100% - 24px)!important}
  .footer-main{gap:22px 10px!important}
  .footer-links>a,.footer-links>button{font-size:11px!important}
  .final-cta h2{font-size:clamp(27px,8.5vw,35px)!important;overflow-wrap:anywhere}
  .brand-word{font-size:18px!important}
  .brand-word small{display:none!important}
  .network-button{max-width:97px;padding-inline:5px!important}
  #network-label{max-width:68px}
  .connect-button{font-size:8px!important;padding-inline:7px!important}
}
@media(min-width:761px) and (max-width:980px){
  .exoswap-install{grid-template-columns:62px minmax(0,1fr);gap:15px}
  .exoswap-install-actions{grid-column:1/-1}
  .exoswap-install-button{width:100%}
}