/* Robinex offer desk: legible financial hierarchy with a bold editorial accent. */
.hero{position:relative;overflow:hidden;border:1px solid #453048;background:radial-gradient(ellipse at 81% 42%,#633a56 0%,#342238 37%,#221627 78%);box-shadow:0 22px 60px #39223a24}
.hero::before{content:'';position:absolute;width:350px;height:350px;right:-120px;top:-180px;border:1px solid #efbdcd24;border-radius:50%;pointer-events:none}
.hero::after{content:'';position:absolute;width:220px;height:220px;right:-55px;bottom:-160px;background:#e17a8e;filter:blur(105px);opacity:.22;pointer-events:none}
.hero-copy,.exchange-art,.hero-facts{position:relative;z-index:1}
.hero .hero-eyebrow{letter-spacing:.17em;color:#f2b4c2}
.hero h1{color:#fff;letter-spacing:-.055em}
.hero .hero-primary{background:#f18c99;color:#2a1828;box-shadow:0 6px 22px #f18c9927;transition:transform .2s,background .2s,box-shadow .2s}
.hero .hero-primary:hover{background:#ffa9b3;transform:translateY(-2px);box-shadow:0 9px 25px #f18c9940}
.hero .hero-secondary{color:#fff}
.exchange-art .art-caption{position:absolute;right:13%;top:11%;z-index:3;font-size:9px;font-weight:800;letter-spacing:.16em;color:#efcdd9;white-space:nowrap}
.exchange-art .art-caption span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#f492a2;box-shadow:0 0 12px #fa96a8}
.exchange-art .art-counter{position:absolute;right:14%;bottom:8%;font-size:10px;letter-spacing:.15em;color:#e2b9c7;z-index:3}
.exchange-art .exchange-ticket{border:1px solid #ffffffa8;box-shadow:0 14px 35px #130b1a36}
.exchange-art .ticket-give{background:#ffe7eb}
.exchange-art .ticket-want{background:#f3edf9}
.exchange-art .exchange-connector{background:#ef8998;border:3px solid #3d253d;color:#34213b;box-shadow:0 5px 15px #1b12273b}
.trust-strip{background:#fff8f7;border-color:#f1d4d7;box-shadow:0 8px 26px #4827410c}
.journey{box-shadow:0 8px 28px #4c254008}
.journey-step b{background:#fae6e9;color:#ba5c6c}
.personal-hub:not([hidden]){position:relative;overflow:hidden;align-items:center;gap:24px;padding:28px 30px;color:#fff;background:linear-gradient(120deg,#2d1b30,#492941);border:1px solid #5b3750;box-shadow:0 16px 42px #39213a1c}
.personal-hub:not([hidden])::after{content:'';position:absolute;right:-45px;top:-90px;width:220px;height:220px;border:1px solid #ffc2d62b;border-radius:50%;pointer-events:none}
.personal-hub h2{color:#fff;font-size:clamp(23px,2.5vw,30px);max-width:540px}
.personal-hub p,.personal-hub .hub-scope{color:#e3c9d5}
.personal-hub .hub-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffc7d1}
.personal-hub .hub-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:#f398a9}
.personal-hub .hub-status{color:#ffe6eb}
.personal-hub .hub-button{background:#f29aa8;color:#2d1b30;position:relative;z-index:1}
.personal-hub .hub-button:hover{background:#ffc0ca}
.personal-hub .hub-secondary{color:#fff1f5;border-color:#b78da2;position:relative;z-index:1}
.personal-hub .hub-request{color:#382237;background:#fff7fa}
.personal-hub .hub-request button{color:#a04460}
.offer-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.offer-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #472a4218}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bd5a78;outline-offset:3px}
@media(max-width:700px){.exchange-art .art-caption{top:9%;right:8%;font-size:8px}.exchange-art .art-counter{right:10%;bottom:6%;font-size:9px}.hero::before{width:220px;height:220px;right:-105px;top:-100px}.personal-hub:not([hidden]){padding:23px 20px;align-items:flex-start;flex-direction:column}.personal-hub .hub-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.hero .hero-primary,.offer-card{transition:none}.hero .hero-primary:hover,.offer-card:hover{transform:none}}
/* A clear first-use guide with the accent-panel treatment from the finance references. */
.journey{display:grid;grid-template-columns:minmax(230px,1.22fr) repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;padding:8px;border:1px solid #efe2e9;background:#fff;border-radius:20px}
.journey .journey-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:100px;padding:20px 22px;border-radius:14px;background:#f395a3;color:#311d30}
.journey .journey-title span{color:#783a4e;font-size:9px;font-weight:800;letter-spacing:.14em}
.journey .journey-title strong{font-size:19px;line-height:1.12;letter-spacing:-.035em}
.journey .journey-title small{color:#713f4f;font-size:11px;line-height:1.35}
.journey .journey-step{display:flex;align-items:center;gap:10px;min-width:0;padding:14px 10px;border:0}
.journey .journey-step b{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:11px;background:#f9e5e9;color:#ae5669;font-size:10px}
.journey .journey-step strong{color:#352337;font-size:12px}
.journey .journey-step small{font-size:10px;line-height:1.3;color:#827385}
@media(max-width:700px){.journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:6px}.journey .journey-title{display:flex!important;grid-column:1/-1;min-height:0;padding:16px 17px}.journey .journey-title strong{font-size:18px}.journey .journey-step{padding:10px 5px;gap:6px}.journey .journey-step b{width:27px;height:27px;flex-basis:27px;font-size:9px}.journey .journey-step strong{font-size:10px}.journey .journey-step small{font-size:9px}}
@media(max-width:380px){.journey .journey-step{flex-direction:column;align-items:flex-start}}
@media(max-width:850px){.exchange-art .art-caption,.exchange-art .art-counter{display:none}}
/* Curved coral ribbons, echoing the Robinex banner, behind the interface. */
.edge-decor{display:block;position:fixed;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}
.edge-decor .decor{display:block;position:absolute;pointer-events:none;border:0;opacity:.55;filter:none;background:linear-gradient(100deg,#fa8c98,#f5a6ad 65%,#ffc3bd);border-radius:999px;box-shadow:none}
.edge-decor .decor-left{width:clamp(300px,36vw,560px);height:clamp(50px,6vw,90px);top:65px;left:-215px;transform:rotate(-43deg);box-shadow:0 94px 0 -24px #f3b5c5}
.edge-decor .decor-right{width:clamp(420px,50vw,720px);height:clamp(58px,6.5vw,100px);top:auto;bottom:8%;right:-320px;transform:rotate(-34deg);box-shadow:0 -112px 0 -24px #ead2f0}
.content{position:relative;z-index:1}
@media(max-width:700px){.edge-decor .decor-left{top:66px;left:-220px;width:360px;height:50px;opacity:.45}.edge-decor .decor-right{right:-295px;bottom:12%;width:440px;height:62px;opacity:.48}}

.chain .chain-symbol{display:block;flex:none;width:22px;height:22px;object-fit:contain}