/* Standy visual layer: Standard Reserve inspired, but with its own mark and type scale. */
:root{--std-ink:#f3f1e9;--std-muted:#9b9b94;--std-line:#2a2d2b;--std-panel:#151716;--std-panel-2:#1b1d1b;--std-gold:#d7ae4f;--std-gold-2:#f0cb66;--std-green:#a8c7a0}
html,body{background:#0d0f0e;color:var(--std-ink)}
body{font-family:"IBM Plex Sans",Inter,system-ui,sans-serif;letter-spacing:.01em}
h1,h2,h3,.brand,.eyebrow,.flow-num,.metric strong{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.025em}
a{color:inherit}
.site-header{background:rgba(13,15,14,.92);border-bottom:1px solid var(--std-line);backdrop-filter:blur(18px)}
.brand{font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.brand img{filter:none}
.button,.button.solid,.button.primary{border-radius:4px;border:1px solid var(--std-gold);background:var(--std-gold);color:#11130f;box-shadow:0 8px 24px rgba(215,174,79,.12);font-weight:700}
.button:hover{background:var(--std-gold-2);transform:translateY(-1px)}
.button.ghost,.button.secondary{background:transparent;color:var(--std-ink);border-color:var(--std-line)}
.hero,.panel,.flow-cell,.metric,.token-card,.workspace-card,.project-story,.project-hero{background:var(--std-panel);border:1px solid var(--std-line);box-shadow:0 20px 80px rgba(0,0,0,.18)}
.hero{background:radial-gradient(circle at 76% 20%,rgba(215,174,79,.14),transparent 32%),linear-gradient(135deg,#151816 0%,#111311 68%,#1c1912 100%)}
.hero-art{background:url('/assets/standy-room.png') center/cover;opacity:.8;mix-blend-mode:screen}
.eyebrow{color:var(--std-gold-2);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.muted,.terms-note,.panel p{color:var(--std-muted)}
.flow-cell,.metric{border-radius:3px}
.flow-cell:hover,.token-card:hover{border-color:rgba(215,174,79,.7);transform:translateY(-2px)}
.token-card img{background:#20231f;border:1px solid var(--std-line)}
.role-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#d7ae4f,#77602c);color:#111;font-weight:800;border-radius:50%;font-size:1.2rem}
.role-avatar img{display:none}
input,textarea,select{background:#101210!important;border:1px solid var(--std-line)!important;color:var(--std-ink)!important;border-radius:3px!important}
input:focus,textarea:focus,select:focus{border-color:var(--std-gold)!important;box-shadow:0 0 0 3px rgba(215,174,79,.12)}
.modal,.drawer,.toast{background:#151716;border:1px solid var(--std-line);color:var(--std-ink)}
.status-dot{background:var(--std-green)}
.footer{border-top:1px solid var(--std-line);color:var(--std-muted)}
@media(max-width:760px){.hero{padding:1.25rem}.hero-art{min-height:180px}.flow-grid{grid-template-columns:1fr!important}}
.topbar{background:rgba(13,15,14,.92);border-bottom:1px solid var(--std-line);backdrop-filter:blur(18px)}
.standy-home{background:#0d0f0e}
.standy-hero{background:radial-gradient(circle at 80% 18%,rgba(215,174,79,.15),transparent 30%),linear-gradient(135deg,#151816,#101210 70%,#211b10);border:1px solid var(--std-line);border-radius:4px;overflow:hidden}
.hero-visual{background:#141715;border-left:1px solid var(--std-line)}
.hero-visual img{filter:saturate(.72) contrast(1.08)}
.market-rail{border-top:1px solid var(--std-line);border-bottom:1px solid var(--std-line);background:#111311}
.market-rail strong{color:var(--std-ink)}
.latest-section,.operation-steps,.home-services,.service-register{border-color:var(--std-line)}
.how-strip article{background:var(--std-panel);border:1px solid var(--std-line);border-radius:3px;padding:24px}
.how-strip article:hover{border-color:rgba(215,174,79,.65)}
.service-register{background:linear-gradient(120deg,#151816,#111311)}
.role-directory button{background:transparent;border-color:var(--std-line);color:var(--std-ink)}
.role-directory button:hover{background:#1b1d1b;border-color:var(--std-gold)}
#sidebar{background:#0d0f0e;color:var(--std-ink);border-right:1px solid var(--std-line);box-shadow:none}
#sidebar nav a{color:#9b9b94;background:transparent}
#sidebar nav a:hover,#sidebar nav a.active{color:var(--std-ink);background:#1b1d1b}
#sidebar nav a svg{color:var(--std-gold)}
.nav-bottom{color:#777b74}
.nav-bottom a{color:var(--std-ink)}
#app{background:#0d0f0e}
.topbar .brand{color:var(--std-ink)}
.top-actions{color:#b8b8b0}
.top-actions .network svg{color:var(--std-gold)}
.wallet{background:var(--std-gold);border-color:var(--std-gold);color:#11130f}
.wallet:hover{background:var(--std-gold-2)}