@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;600&display=swap');
:root{--bg:#0b0e0d;--panel:#111716;--line:#293330;--ink:#edf1ec;--muted:#909c96;--green:#4ee0ad;--amber:#e1a958;--red:#df665d;--gutter:max(26px,calc((100vw - 1460px)/2));font-family:Manrope,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}.masthead{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 var(--gutter);background:#090c0beb;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.logo{display:flex;gap:12px;align-items:center;font-family:'Archivo Black';text-decoration:none;color:var(--ink)}.logo span{width:38px;height:38px;border:1px solid var(--green);display:grid;place-items:center;color:var(--green);font-family:'IBM Plex Mono';font-size:12px}.masthead nav{display:flex;margin:auto}.masthead nav a{color:var(--muted);text-decoration:none;text-transform:uppercase;font:10px 'IBM Plex Mono';letter-spacing:1px;padding:28px 22px}.masthead nav a:hover{color:var(--ink);background:#151b19}.live{font:9px 'IBM Plex Mono';color:var(--muted);display:flex;align-items:center;gap:8px;margin-right:20px}.live i{width:7px;height:7px;background:var(--green);box-shadow:0 0 14px var(--green)}.masthead button,.receipt-actions button{background:transparent;border:1px solid #52605b;color:var(--ink);padding:11px 15px;cursor:pointer}.masthead button.connected{border-color:var(--green);color:var(--green)}.hero{height:min(820px,calc(100vh - 20px));min-height:650px;position:relative;display:grid;grid-template-columns:58% 42%;overflow:hidden;border-bottom:1px solid var(--line)}.hero figure{margin:0;position:absolute;inset:0;background:#080b0a}.hero figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#0b0e0d 72%),linear-gradient(0deg,#0b0e0d 0,transparent 35%)}.hero img{width:72%;height:100%;object-fit:cover;opacity:.86}.hero-copy{grid-column:2;z-index:2;align-self:center;padding:20px var(--gutter) 80px 10px}.eyebrow,.section-title span,.panel-label,.address-bar label>span,.proposal-form label>span{font:10px 'IBM Plex Mono';letter-spacing:1.4px;color:var(--green)}.hero h1,.section-title h2{font-family:'Archivo Black';font-weight:400;letter-spacing:0}.hero h1{font-size:clamp(60px,6.1vw,104px);line-height:.94;margin:24px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #aab5af}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:560px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:55px;min-width:290px;padding:15px 18px;margin-top:22px;border:1px solid var(--green);background:var(--green);color:#07100d;text-decoration:none;cursor:pointer;font-weight:600}.telemetry{position:absolute;z-index:2;bottom:0;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #35423e;padding:18px 0;font:9px 'IBM Plex Mono';color:var(--muted)}.telemetry span{border-right:1px solid #35423e;padding-left:16px}.telemetry span:first-child{padding-left:0}.telemetry b{display:block;color:var(--ink);font-size:14px;margin-top:7px}.vault,.receipts{padding:90px var(--gutter)}.section-title{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:end}.section-title h2{font-size:clamp(48px,5vw,78px);line-height:1.03;margin:14px 0 0}.section-title>p{color:var(--muted);font-size:13px;line-height:1.9}.address-bar{display:grid;grid-template-columns:230px 1fr 190px;margin-top:48px;border:1px solid var(--line);background:var(--panel)}.address-bar label{padding:14px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.address-bar input,.address-bar select,.proposal-form input,.proposal-form select,.proposal-form textarea{background:transparent;border:0;outline:none;color:var(--ink)}.address-bar select option,.proposal-form select option{background:#111716}.address-bar button{border:0;background:var(--green);font-weight:700;cursor:pointer}.read-status{font:10px 'IBM Plex Mono';color:var(--muted)}.vault-grid{display:grid;grid-template-columns:1.3fr 1fr .75fr;gap:18px;margin-top:28px}.vault-grid article,.network-panel{border:1px solid var(--line);background:var(--panel);min-height:310px;padding:26px}.panel-label{display:flex;justify-content:space-between}.panel-label small{color:var(--muted)}.balance-panel>strong{display:block;font:92px 'Archivo Black';letter-spacing:0;margin-top:45px;overflow-wrap:anywhere}.balance-panel>p{color:var(--green);font:14px 'IBM Plex Mono'}.balance-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font:9px 'IBM Plex Mono';color:var(--muted)}.balance-rule b{color:var(--amber)}.integrity-panel{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:26px}.ring{width:140px;height:140px;border:1px solid #4b5c56;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative}.ring:before{content:'';position:absolute;inset:8px;border:1px dashed #33443e;border-radius:50%}.ring span{font:48px 'Archivo Black';color:var(--green)}.ring small{font:8px 'IBM Plex Mono';color:var(--muted)}.integrity-panel h3{font-size:25px;margin:15px 0}.integrity-panel ul{padding:0;list-style:none;color:var(--muted);font:10px/2.4 'IBM Plex Mono'}.integrity-panel li:before{content:'○';margin-right:8px}.integrity-panel li.ok{color:var(--green)}.integrity-panel li.ok:before{content:'●'}.network-panel dl{margin:30px 0 0}.network-panel dl div{border-top:1px solid var(--line);padding:14px 0}.network-panel dt{font:9px 'IBM Plex Mono';color:var(--muted)}.network-panel dd{margin:6px 0 0;font:13px 'IBM Plex Mono';overflow-wrap:anywhere}.proposal{padding:90px var(--gutter);background:#e8e6dd;color:#111716}.section-title.inverse span{color:#6a5a44}.section-title.inverse>p{color:#65716c}.proposal-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;margin-top:50px}.proposal-form label{display:flex;flex-direction:column;gap:11px;border-top:1px solid #a8ada8;padding:18px 0}.proposal-form label>span{color:#6a5a44}.proposal-form input,.proposal-form select,.proposal-form textarea{color:#101513;font-size:16px}.proposal-form textarea{min-height:85px;resize:vertical}.proposal-form .two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.button.amber{background:#1a2420;border-color:#1a2420;color:#fff;width:100%}.receipt-preview{align-self:start;background:#101513;color:var(--ink);padding:30px;box-shadow:18px 18px 0 #c7c4ba}.receipt-head,.receipt-foot{display:flex;justify-content:space-between;font:9px 'IBM Plex Mono';color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px}.receipt-head b{color:var(--amber)}.receipt-preview h3{font:38px 'Archivo Black';line-height:1.05;margin:35px 0}.receipt-preview dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.receipt-preview dt{color:var(--muted);font:9px 'IBM Plex Mono'}.receipt-preview dd{margin:0;font:11px 'IBM Plex Mono';text-align:right;overflow-wrap:anywhere}.receipt-preview>p{font-size:11px;line-height:1.8;color:#bcc5c0;margin:28px 0}.receipt-foot{border-bottom:0;border-top:1px solid var(--line);padding:17px 0 0}.receipts .section-title{align-items:center}.receipt-actions{display:flex;gap:10px;justify-content:flex-end}.receipt-list{margin-top:36px;border-top:1px solid var(--line)}.receipt-item{display:grid;grid-template-columns:100px 1.2fr .8fr .8fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.receipt-item span,.receipt-item time{font:9px 'IBM Plex Mono';color:var(--muted)}.receipt-item h3{font-size:17px;margin:0}.empty{color:var(--muted);font:11px 'IBM Plex Mono';padding:30px 0}footer{padding:42px var(--gutter);border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr 1fr;align-items:end;gap:30px}footer strong{font:38px 'Archivo Black'}footer span{color:var(--muted);font:9px 'IBM Plex Mono'}@media(max-width:980px){.masthead nav{display:none}.live{margin-left:auto}.hero{grid-template-columns:1fr}.hero img{width:100%;opacity:.5}.hero figure:after{background:linear-gradient(0deg,#0b0e0d 0,transparent 75%)}.hero-copy{grid-column:1;padding:40px var(--gutter);align-self:end;margin-bottom:80px}.section-title,.proposal-layout{grid-template-columns:1fr}.vault-grid{grid-template-columns:1fr}.address-bar{grid-template-columns:1fr}.address-bar label{border-right:0;border-bottom:1px solid var(--line)}.address-bar button{min-height:54px}.receipt-preview{margin-top:20px}.section-title>p{max-width:650px}.receipts .section-title{gap:25px}.receipt-actions{justify-content:flex-start}footer{grid-template-columns:1fr}}@media(max-width:560px){:root{--gutter:20px}.masthead{height:62px}.logo{font-size:13px}.live{display:none}.masthead button{font-size:10px;padding:9px}.hero{min-height:620px}.hero h1{font-size:58px}.hero-copy{margin-bottom:100px}.telemetry{grid-template-columns:1fr 1fr;gap:18px}.telemetry span:nth-child(2){border-right:0}.section-title h2{font-size:46px}.balance-panel>strong{font-size:58px}.integrity-panel{grid-template-columns:1fr}.proposal-form .two{grid-template-columns:1fr}.receipt-preview{padding:22px}.receipt-preview h3{font-size:30px}.receipt-actions{flex-direction:column}.receipt-item{grid-template-columns:1fr}.button{min-width:0;width:100%}}
