/* Decorative brand layer; never covers controls or alters the exchange layout. */
body{background-color:#f7f8f4;background-image:radial-gradient(ellipse 650px 470px at calc(50% + 650px) 270px,#f4dfc944,transparent 75%),radial-gradient(ellipse 720px 540px at calc(50% - 680px) 460px,#dfe8d644,transparent 78%);background-repeat:no-repeat;background-position:center top;background-size:100% 1350px}
.site-header{background:#ffffffec}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:24px 48px;column-gap:30px;row-gap:0;height:104px;align-content:center}
.header-inner>.brand{grid-column:1;grid-row:2;align-self:center}
.header-contact-strip{grid-column:2/4;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:23px;font-size:10px;line-height:1.5}
.header-contact-strip>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.header-contact-strip>a:hover{color:#98734c}
.header-contact-strip .icon{width:13px;height:13px;color:#3e4738}
.header-contact-strip>span{font-size:9px;color:#a0a795;white-space:nowrap}
.header-inner>.main-nav{grid-column:2;grid-row:2;margin-left:0;align-self:center;justify-self:center;gap:24px}
.header-inner>.header-actions{grid-column:3;grid-row:2;align-self:center;justify-self:end}
@media(min-width:861px) and (max-width:1100px){.header-inner{column-gap:22px}.header-inner>.main-nav{gap:17px}}
@media(max-width:860px){.header-inner{grid-template-columns:auto 1fr;height:104px;column-gap:20px;grid-template-rows:28px 50px}.header-inner>.brand{grid-column:1;grid-row:2}.header-contact-strip{grid-column:1/3;grid-row:1;gap:18px}.header-inner>.header-actions{grid-column:2;grid-row:2}.header-inner>.main-nav{grid-column:auto;grid-row:auto;justify-self:stretch}.main-nav.open{top:94px}}
@media(max-width:560px){.header-inner{height:auto;min-height:104px;padding:9px 0 6px;grid-template-rows:auto 50px;column-gap:15px;row-gap:4px}.header-contact-strip{justify-content:flex-start;flex-wrap:wrap;column-gap:15px;row-gap:3px;font-size:9px}.header-contact-strip>span{flex-basis:100%;font-size:8px}.header-contact-strip .icon{width:11px;height:11px}.header-inner>.brand{grid-row:2}.header-inner>.header-actions{grid-row:2}.main-nav.open{top:105px}}
.card{box-shadow:0 3px 5px #35472a03,0 12px 35px -24px #35472a20;border-color:#e3e8dc}
.page-intro .eyebrow{color:#7f8b73}
.page-intro .small-line{background:#a8b995;width:26px}
.support-pill .support-icon{box-shadow:0 0 0 5px #f1f4ec80;border:1px solid #e0e7d8;transition:background .2s}
.support-pill:hover .support-icon{background:#e4ebdb}
.primary-button>.icon{width:27px;height:27px;padding:5px;border-radius:50%;color:#f5d8b5;background:#ffffff0e;transition:background .2s,transform .2s}
.primary-button:hover>.icon{background:#ffffff19;transform:translateX(2px)}
.journey-step strong{font-weight:400}
.journey-step.is-current strong{font-weight:500}
.journey-track{grid-template-columns:repeat(3,minmax(0,1fr)) max-content;padding-inline:18px}
.journey-step:last-child{justify-self:end}
.journey-step:not(:last-child)::after{display:none}
.journey-link{display:block;flex:1;min-width:20px;height:1px;background:#cdd6c2;margin:0 5px 0 10px;align-self:center}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.exchange-section{padding-top:19px}
.page-intro{margin-bottom:15px;min-height:45px;padding-inline:18px}
.page-intro .intro-copy{font-size:12px;margin:0}
.support-pill{padding-block:3px}
.asset-row{transition:background-color .16s,border-color .16s}
.asset-row:hover{background:#f3f5ed;border-color:#e0e6d6}
.selected-asset .coin-icon{transition:transform .16s}
.selected-asset:hover .coin-icon{transform:translateY(-1px)}
.amount-shell,.search-box,.form-field>input,.form-field>select{transition:border-color .16s,box-shadow .16s,background-color .16s}
.amount-shell:focus-within,.search-box:focus-within{box-shadow:0 0 0 3px #8fa97712}
.form-field>select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fafbf7;padding:12px;font-size:12px;line-height:1.6;min-height:44px}
.form-field>select:focus-visible{outline:2px solid #c78d55;outline-offset:2px}
.network-fields .form-field{margin:14px 0}
.network-form-note{font-size:9px;color:#8c957f;line-height:1.7;margin:0 0 12px}
@media(max-width:1100px){.journey-track{gap:12px}.journey-step{padding:6px 0}.journey-step:not(:last-child)::after{margin-left:3px;min-width:6px}.journey-step small{font-size:8px}}
@media(max-width:560px){.journey-track{grid-template-columns:repeat(4,minmax(0,1fr))}.journey-step:last-child{justify-self:stretch}}
@media(max-width:560px){body{background-size:100% 900px}.page-intro{min-height:0;margin-bottom:19px}.page-intro .intro-copy{font-size:11px;max-width:none}.exchange-section{padding-top:20px}.journey-track{gap:8px;border:0;border-radius:0;background:none;margin-bottom:15px}.journey-step{padding:5px 0;gap:5px}.journey-number{width:23px;height:23px;font-size:8px}.journey-link{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 12px);margin:0;min-width:0}.journey-step strong{font-size:8px}.journey-step.is-current .journey-number{box-shadow:0 0 0 3px #fff5e980}.form-field>select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.primary-button:hover>.icon{transform:none}}