.trade{padding:0 clamp(24px,4.4vw,72px) clamp(100px,10vw,160px)}
.trade .section-label{border-top:1px solid var(--line);padding-top:35px}
.trade-grid{max-width:1540px;margin:clamp(65px,7vw,110px) auto 0;display:grid;grid-template-columns:1fr .9fr;gap:clamp(55px,8vw,150px);align-items:start}
.trade-copy h2{font:400 clamp(105px,10vw,165px)/.83 var(--serif);letter-spacing:-.06em;margin:0}
.trade-copy h2 em,.trade-dialog h2 em{color:var(--orange-deep);font-weight:400}
.trade-copy>p:not(.overline):not(.trade-caution){max-width:480px;font-size:clamp(19px,2vw,27px);line-height:1.35;letter-spacing:-.035em;margin:38px 0 55px}
.trade-contract{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:19px 0;display:grid;grid-template-columns:1fr auto;gap:8px 15px;max-width:480px}
.trade-contract>span{grid-column:1/-1;font:10px var(--mono);color:var(--muted)}
.trade-contract code{font:13px/1.5 var(--mono);word-break:break-all}
.trade-contract button{border:0;background:none;color:var(--orange-deep);font:10px var(--mono);cursor:pointer}
.trade-caution{max-width:440px;color:var(--muted);font-size:13px;line-height:1.55;margin-top:29px}
.trade-card{background:#17211e;color:var(--paper);padding:clamp(25px,3vw,44px);box-shadow:0 30px 70px rgba(16,25,20,.16)}
.trade-card-head,.trade-input-label,.trade-output>span,.trade-detail,.trade-slippage,.trade-card-foot,.trade-status,.trade-dialog-head,.trade-dialog dt,.trade-dialog-note{font:10px/1.5 var(--mono);letter-spacing:.025em}
.trade-card-head{display:flex;justify-content:space-between;gap:12px;color:#a8b5ab}
.trade-live{color:#d6ded8;white-space:nowrap}
.trade-live i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#77a684;box-shadow:0 0 0 3px rgba(119,166,132,.14)}
.trade-card-title{font:400 clamp(45px,5vw,74px)/1 var(--serif);letter-spacing:-.035em;margin:45px 0 42px}
.trade-card-title span{color:var(--orange)}
.trade-input-label{display:flex;justify-content:space-between;gap:15px;color:#aab9af;margin-bottom:13px}
.trade-amount-row{display:flex;align-items:center;gap:15px;border:1px solid #66756b;padding:13px 17px}
.trade-amount-row:focus-within{border-color:var(--orange)}
.trade-amount-row input{min-width:0;width:100%;background:none;border:0;outline:0;color:var(--paper);font:400 36px/1.15 var(--serif)}
.trade-amount-row input::placeholder{color:#79877d}
.trade-token{background:#2b3b33;padding:9px 12px;font:12px var(--mono)}
.trade-flow{width:32px;height:32px;display:grid;place-items:center;border:1px solid #718077;border-radius:50%;margin:-16px auto;position:relative;z-index:2;background:#17211e;color:var(--orange);font:20px var(--serif)}
.trade-output{border:1px solid #66756b;min-height:105px;padding:15px 17px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:4px 10px}
.trade-output>span:first-child{grid-column:1/-1;color:#aab9af}
.trade-output strong{font:400 33px/1.1 var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-output>span:last-child{font:12px var(--mono);align-self:end;padding-bottom:5px}
.trade-detail,.trade-slippage{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #435148;padding:17px 0;color:#aab9af}
.trade-detail strong{font-weight:400;color:var(--paper);text-align:right}
.trade-slippage>span:last-child{display:flex;align-items:center;gap:5px;color:var(--paper)}
.trade-slippage input{width:48px;background:none;border:0;border-bottom:1px solid #66756b;color:var(--paper);font:13px var(--mono);text-align:right;outline:0;border-radius:0}
.trade-slippage input:focus{border-color:var(--orange)}
.trade-status{min-height:36px;color:#b8c7bd;margin:17px 0 12px;line-height:1.5}
.trade-status.error{color:#ffb89b}
.trade-status a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.trade-connect,.trade-submit,.trade-sign{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid var(--paper);padding:16px 18px;background:none;color:var(--paper);font:600 13px var(--sans);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.trade-connect{margin-bottom:9px}.trade-connect.connected{border-color:#50645a;color:#c0cec4}
.trade-submit,.trade-sign{background:var(--orange);border-color:var(--orange);color:#17211e}
.trade-submit:disabled{background:#536258;border-color:#536258;color:#a7b7aa;cursor:not-allowed}
.trade-connect:not(:disabled):hover,.trade-submit:not(:disabled):hover,.trade-sign:not(:disabled):hover{transform:translateY(-2px)}
.trade-connect span,.trade-submit span,.trade-sign span{font-size:21px;line-height:.7}
.trade-card-foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #435148;margin-top:24px;padding-top:17px;color:#aab9af}
.trade-card-foot a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.trade-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:clamp(24px,4vw,42px);box-shadow:0 25px 90px rgba(0,0,0,.35)}
.trade-dialog::backdrop{background:rgba(8,19,17,.78);backdrop-filter:blur(6px)}
.trade-dialog-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
.trade-dialog-head button{border:0;background:none;font:30px/1 var(--serif);cursor:pointer;color:var(--ink)}
.trade-dialog h2{font:400 80px/.84 var(--serif);letter-spacing:-.05em;margin:38px 0 25px}
.trade-dialog>p:not(.trade-dialog-note){font-size:17px;line-height:1.5}
.trade-dialog dl{border-top:1px solid var(--line);margin:30px 0}
.trade-dialog dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.trade-dialog dt{color:var(--muted)}.trade-dialog dd{margin:0;text-align:right;font-size:13px;word-break:break-word}
.trade-dialog-note{color:var(--muted);margin-bottom:22px}
.trade-sign{border-color:var(--ink);background:var(--ink);color:var(--paper)}.trade-sign:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.trade-grid{grid-template-columns:1fr;gap:48px}.trade-copy h2{font-size:clamp(95px,14vw,145px)}.trade-copy>p:not(.overline):not(.trade-caution){max-width:650px;margin:30px 0 36px}.trade-card{max-width:650px;width:100%}}
@media(max-width:600px){.trade{padding:0 20px 100px}.trade .section-label{padding-top:23px}.trade-grid{margin-top:70px;gap:35px}.trade-copy h2{font-size:clamp(82px,19vw,125px)}.trade-copy>p:not(.overline):not(.trade-caution){font-size:18px;margin:26px 0 32px}.trade-contract code{font-size:11px}.trade-caution{font-size:12px}.trade-card{padding:23px 18px}.trade-card-title{font-size:49px;margin:36px 0 32px}.trade-amount-row input{font-size:31px}.trade-output strong{font-size:29px}.trade-card-foot{font-size:9px;flex-wrap:wrap}.trade-dialog h2{font-size:67px}}