:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;--bg:#090e19;--panel:#121b2b;--ink:#f2f4f7;--muted:#abb7ca;--blue:#91aee6;--line:#33415b;background:var(--bg);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.nav,.brand,.nav nav,footer,footer>div:nth-child(2){display:flex;align-items:center}.nav{height:90px;padding:0 clamp(24px,5vw,80px);justify-content:space-between;border-bottom:1px solid #263248}.brand{font-size:27px;font-weight:800;gap:12px;white-space:nowrap;line-height:1}.brand img{width:42px;height:42px;object-fit:contain}.nav nav,footer>div:nth-child(2){gap:32px;color:var(--muted)}.nav a:hover,footer a:hover,.example a:hover{color:white}.hero{min-height:700px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3vw;padding:70px clamp(24px,5vw,80px);overflow:hidden}.availability{font-size:15px;color:var(--blue);margin:0 0 35px}.hero h1{font-size:clamp(64px,7vw,122px);line-height:.99;letter-spacing:-.065em;margin:0 0 31px}.hero h1 span{color:var(--blue)}.hero-copy>p:not(.availability){font-size:clamp(19px,1.5vw,24px);line-height:1.5;color:var(--muted);max-width:650px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--ink);color:var(--bg);font-weight:800;min-height:54px;padding:15px 26px;margin-top:38px;transition:background .2s,transform .2s}.button:hover{background:var(--blue);transform:translateY(-2px)}.hero-art{height:420px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:420px}.asset{display:grid;place-items:center;width:125px;height:125px;flex:none;border-radius:18px;font-size:28px;font-weight:800;color:var(--bg)}.asset-a{background:var(--ink)}.asset-b{background:var(--blue)}.exchange-ring{width:210px;height:210px;flex:none;display:grid;place-items:center}.exchange-ring img{width:210px;height:210px}.steps{background:#edf1f7;color:#101724;padding:125px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr .9fr;gap:10vw}.steps h2,.example h2,.close h2{font-size:clamp(47px,5vw,82px);line-height:1.04;letter-spacing:-.06em;margin:0 0 32px}.steps p,.example p{font-size:21px;line-height:1.55;max-width:650px;color:#445164}.step-list{align-self:center}.step-list>div{display:flex;gap:38px;align-items:center;padding:24px 0;border-bottom:1px solid #b9c5d6;font-size:22px;font-weight:700}.step-list b{font-size:14px;color:#5672a6}.example{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:10vw;padding:130px clamp(24px,5vw,80px)}.example p{color:var(--muted)}.example a{display:inline-block;margin-top:16px;border-bottom:1px solid var(--blue);padding-bottom:5px;color:var(--blue);font-weight:700}.ratio{padding-left:35px;border-left:1px solid var(--line)}.ratio>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.ratio>div span{font-size:19px;color:var(--muted)}.ratio strong{font-size:clamp(52px,6vw,86px);font-variant-numeric:tabular-nums;letter-spacing:-.06em}.ratio>div:nth-child(2) strong{color:var(--blue)}.ratio p{font-size:17px;line-height:1.5}.close{background:var(--blue);color:var(--bg);padding:90px clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:35px}.close h2{margin:0}.close .button{margin:0;background:var(--bg);color:var(--ink)}footer{background:#04070f;padding:55px clamp(24px,5vw,80px);justify-content:space-between;gap:25px;color:var(--muted)}footer .brand{color:var(--ink)}#token-block{padding:70px clamp(24px,5vw,80px)}#copy-ca{background:transparent;border:1px solid var(--line);color:var(--ink);padding:9px}.app-layout,.docs-layout{padding:70px clamp(24px,5vw,80px);max-width:1500px;margin:auto;min-height:70vh}.app-layout h1,.docs-layout h1{font-size:clamp(50px,5vw,80px);letter-spacing:-.06em;line-height:1.04;margin:0 0 14px}.muted{color:var(--muted);line-height:1.55}.status{min-height:34px;color:var(--blue);overflow-wrap:anywhere}.panel{border:1px solid var(--line);background:var(--panel);padding:30px;border-radius:18px;margin:27px 0}.panel h2{margin:0 0 18px;font-size:29px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.app-layout label{display:block;color:var(--muted);font-size:15px;margin:18px 0 6px}.app-layout input,.app-layout select{display:block;width:100%;margin-top:8px;border:1px solid #566882;background:#0b1321;color:var(--ink);padding:14px;border-radius:9px;min-height:50px}.app-layout .button{margin-top:20px}.pool-row{padding:22px 0;border-top:1px solid var(--line)}.pool-row:first-child{border-top:0}.pool-row strong{font-size:21px}.pool-row p{color:var(--muted);line-height:1.5}.pool-row button{margin-right:12px}.secondary{background:transparent;color:var(--ink);border:1px solid #667896;padding:12px 18px;border-radius:9px;min-height:46px}.secondary:hover{background:#23324a}.trade-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-summary{color:var(--blue);font-size:19px;min-height:28px;font-variant-numeric:tabular-nums}.docs-layout article{max-width:900px}.docs-layout h2{margin-top:50px;font-size:34px}.docs-layout p,.docs-layout li{font-size:18px;line-height:1.65;color:#c0cad8}.docs-layout code{overflow-wrap:anywhere;color:var(--blue)}.docs-layout a{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.hero,.steps,.example,.app-grid,.trade-form{grid-template-columns:1fr}.hero{padding-top:65px}.hero-art{height:320px;min-width:0;max-width:530px}.exchange-ring,.exchange-ring img{width:190px;height:190px}.asset{width:100px;height:100px;font-size:23px}.steps,.example{gap:40px;padding-top:75px;padding-bottom:75px}.close{display:block}.close .button{margin-top:15px}.nav nav{gap:18px}footer{flex-wrap:wrap}.ratio{padding-left:0;border-left:0}}@media(max-width:520px){.nav{height:72px}.brand{font-size:21px}.brand img{width:32px;height:32px}.hero h1{font-size:clamp(51px,12vw,70px)}.hero-art{height:220px;gap:8px}.asset{width:76px;height:76px;font-size:17px;border-radius:12px}.exchange-ring,.exchange-ring img{width:150px;height:150px}.steps h2,.example h2,.close h2{font-size:45px}.ratio strong{font-size:53px}.panel{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
