@font-face{font-family:Sora;src:url('assets/sora-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('assets/space-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--paper:#f4f2ed;--green:#2a492a;--gold:#a38252;--yellow:#f6c84c;--ink:#242a24;--muted:#625f59;--line:#d9d6cf}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.5 Sora,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bio{width:calc(100% - 40px);max-width:480px;margin:auto;padding:64px 0 28px}
.identity{text-align:center;margin-bottom:36px}
.identity img{display:block;width:224px;max-width:75%;height:auto;margin:0 auto}
.identity h1{font:500 20px/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:2.4px;color:var(--gold);margin:12px 0 22px}
.identity p{font-size:13px;margin:0;color:var(--muted)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.choices{display:grid;gap:14px}
.choice{display:flex;align-items:center;gap:16px;min-height:94px;padding:22px;border-radius:10px;transition:background-color 150ms ease}
.buy{background:var(--green);color:var(--paper)}
.sell{background:var(--yellow);color:var(--ink)}
.icon-wrap{width:42px;height:42px;flex:0 0 42px;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center}
.buy .icon-wrap{border-color:#ffffff40}.sell .icon-wrap{border-color:#242a2433}
.icon-wrap svg{width:24px;height:24px}
.label{flex:1;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.3px}
.arrow{width:22px;height:22px;flex:0 0 22px}
.contact-note{font-size:11px;text-align:center;color:var(--muted);margin:13px 0 30px}
.group{display:flex;align-items:center;gap:13px;padding:19px 18px;border:1px solid var(--green);border-radius:10px;color:var(--green);transition:background-color 150ms ease}
.group-icon{flex:0 0 26px;height:26px}.group-icon svg{width:26px;height:26px}
.group>span:nth-child(2){flex:1}
.group strong{display:block;font-size:12px;line-height:1.5;font-weight:600}
.group small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}
.group .arrow{width:18px;flex-basis:18px}
footer{font-size:10px;text-align:center;color:var(--muted);margin-top:30px}
a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.buy:hover{background:#203b20}.sell:hover{background:#eabb3b}.group:hover{background:#e8eee4}}
.buy:active{background:#183218}.sell:active{background:#ddad2f}.group:active{background:#dce8d6}
@media(max-width:399px){.bio{padding-top:42px}.identity{margin-bottom:28px}.choice{padding:20px 16px;gap:12px;min-height:90px}.label{font-size:14px}.icon-wrap{width:36px;height:36px;flex-basis:36px}.group{padding:17px 14px;gap:10px}.group strong{font-size:11px}.group small{font-size:9px}}
@media(max-width:339px){.choice{gap:10px}.label{font-size:13px}.group strong{font-size:10px}.group .arrow{width:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}