*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}p{line-height:1.65}button,input,select{min-height:44px}button{border-radius:0}.mono,.eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px}.brand img{width:32px;height:32px}.status{font-size:11px;text-transform:uppercase;letter-spacing:.08em}header{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;align-items:center;gap:28px;font-size:12px}.shell{max-width:1500px;margin:auto}.muted{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;border-top:1px solid var(--line)}footer p{margin:0}.social{border:1px solid var(--line);padding:12px 16px;display:inline-block}.scope{font-size:12px;color:var(--muted);line-height:1.65}.skip{position:absolute;left:20px;top:-100px;padding:15px;background:var(--ink);color:var(--bg);z-index:10}.skip:focus{top:10px}input[type=range]{width:100%;accent-color:var(--accent);cursor:ew-resize}output{font-variant-numeric:tabular-nums}details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}details summary:after{content:'+'}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted)}.pair{display:flex;justify-content:space-between;gap:16px}.primary{background:var(--accent);border:0;color:var(--onaccent);padding:15px 24px;font-weight:700}.outline{background:transparent;border:1px solid var(--line);padding:13px 20px}.flow-caption{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:650px){nav a{display:none}.brand{font-size:19px}nav{gap:0}footer{flex-wrap:wrap}.scope{font-size:12px}header{gap:12px}.status{font-size:10px}}:root{--bg:#111215;--ink:#f3f1eb;--muted:#b4b2b7;--line:#3d3b43;--accent:#fa4d97;--onaccent:#181016}body{background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.shell{padding:0 50px}header{height:90px;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',sans-serif;font-size:29px;letter-spacing:.2px}.status{color:#fb90bb}.byline-hero{display:grid;grid-template-columns:48% 48%;gap:4%;padding:50px 0 58px}.byline-head>.eyebrow{color:#fa77ac;font-size:10px}.byline-head h1{font:700 clamp(57px,6.8vw,104px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:30px 0}.byline-head h1 span{color:#fa4d97}.byline-head>p:not(.eyebrow){font-size:14px;color:#c5c0c7;max-width:340px;margin-bottom:25px}.byline-head .primary{display:inline-flex;gap:40px;font:11px 'IBM Plex Mono',monospace}.relay-panel{border:1px solid #78727b;background:#e8e5e6;color:#242127;box-shadow:9px 9px 0 #fa4d97;align-self:start}.relay-header{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #a6a1a8;font-size:9px}.identity-inputs{padding:24px 25px 0}.identity-inputs label{font:9px 'IBM Plex Mono',monospace;display:block;margin-bottom:12px}.identity-inputs input{background:#f5f3f4;border:1px solid #a69aa6;border-bottom:2px solid #403442;width:100%;padding:13px 15px;color:#29232d;font-size:17px}.identity-kind{display:flex;gap:10px;margin-top:13px}.identity-kind button{font:10px 'IBM Plex Mono';border:1px solid #a79ba7;background:none;padding:9px 14px;min-height:35px;color:#554955}.identity-kind button[aria-pressed=true]{background:#392736;border-color:#392736;color:#fff0f6}.routing-path{padding:25px}.source-node,.destination-node{border:1px solid #867c88;padding:20px;background:#f2f0f2}.node-code{font-size:8px;color:#6f5a6a}.source-node strong,.destination-node strong{display:block;font:600 28px 'Barlow Condensed',sans-serif;letter-spacing:.3px;margin:15px 0;overflow-wrap:anywhere}.source-node .pair,.destination-node .pair{font:8px 'IBM Plex Mono';color:#635362;align-items:center}.source-node b,.destination-node b{font:7px 'IBM Plex Mono';border:1px solid #a08fa0;padding:5px;color:#594053}.connector{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;height:52px}.connector i{height:100%;border-left:1px solid #8d617a;position:absolute;left:50%;top:0}.connector i:after{content:'';width:7px;height:7px;border-right:1px solid #8d617a;border-bottom:1px solid #8d617a;position:absolute;bottom:2px;left:-4px;transform:rotate(45deg)}.connector span{font:7px 'IBM Plex Mono';position:relative;z-index:1;background:#e8e5e6;padding:5px 10px;letter-spacing:.06em;color:#744263}.destination-node{background:#d7d0d7}.claim-toggle{margin:0 25px;width:calc(100% - 50px);display:flex;justify-content:space-between;padding:13px 0;border:0;border-top:1px solid #a89aa7;background:none;font:10px 'IBM Plex Mono';color:#4b2b43}.claim-toggle span{font-size:17px}.relay-panel>.scope{font-size:10px;color:#655a65;margin:12px 25px 23px}#claim-steps{list-style:none;margin:0 25px;padding:10px 0;border-top:1px solid #b4a8b2}#claim-steps li{display:flex;gap:18px;font-size:11px;padding:10px 0;line-height:1.5}#claim-steps b{width:55px;flex-shrink:0;color:#6a234b}#claim-steps span{color:#60525f}.fee-routing{padding:42px 0 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:31% 1fr;gap:0 45px}.fee-heading{grid-row:1/4}.fee-heading .eyebrow{font-size:9px;color:#f796bf}.fee-heading h2{font:600 43px/1 'Barlow Condensed';margin-top:25px}.fee-row{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.fee-number{font:12px 'IBM Plex Mono';color:#b893a6}.fee-row h3{font-size:14px;font-weight:500;margin:0 0 9px}.fee-row p{font-size:11px;color:var(--muted);margin:0}.fee-arrow{color:#f576af;font-size:25px;margin-left:auto}.fee-target{font:17px 'Barlow Condensed';min-width:140px}.fee-target small{display:block;font:7px 'IBM Plex Mono';color:#c899b0;margin-top:7px}.fee-scope{grid-column:2;margin:20px 0 0;font-size:10px}@media(max-width:1000px){.shell{padding:0 30px}.byline-hero{grid-template-columns:45% 51%}.byline-head h1{font-size:77px}.identity-inputs,.routing-path{padding:22px 20px}.identity-inputs{padding-bottom:0}.source-node,.destination-node{padding:17px}.source-node b,.destination-node b{font-size:6px}.fee-routing{grid-template-columns:29% 1fr;gap:25px}.fee-target{min-width:115px}.fee-row{gap:14px}}@media(max-width:700px){.shell{padding:0 20px}header{height:76px}.brand{font-size:25px}.byline-hero{grid-template-columns:1fr;gap:35px;padding:33px 0 40px}.byline-head h1{font-size:clamp(65px,19vw,95px);margin:24px 0}.byline-head>.eyebrow{font-size:8px}.byline-head>p:not(.eyebrow){max-width:100%}.relay-panel{box-shadow:5px 5px 0 #fa4d97}.source-node .pair,.destination-node .pair{font-size:7px;gap:8px}.fee-routing{grid-template-columns:1fr;padding:35px 0;gap:5px}.fee-heading{grid-row:auto}.fee-heading h2{font-size:38px}.fee-row{gap:12px;flex-wrap:wrap}.fee-row>div{flex:1;min-width:190px}.fee-arrow{display:none}.fee-target{margin-left:29px}.fee-scope{grid-column:1;font-size:11px}}
@media(max-width:360px){.byline-head h1{font-size:58px}.relay-panel{min-width:0}.identity-inputs input{min-width:0}.source-node .pair,.destination-node .pair{flex-wrap:wrap}.brand{font-size:22px}}

.node-code{color:#5a4457}@media(max-width:700px){.fee-scope,.relay-panel>.scope,.fee-row p,footer{font-size:12px}.node-code,.identity-inputs label,.relay-header,.identity-kind button,.claim-toggle{font-size:10px}.source-node .pair,.destination-node .pair{font-size:10px;flex-wrap:wrap}.source-node b,.destination-node b{font-size:8px}.connector span,.fee-target small{font-size:9px}}
