:root{--ink:#15283b;--muted:#5e6873;--gold:#D69A1B;--gold-strong:#805400;--tint:#FFF6DE;--surface:#FFFCF5;--gold-end:#FFE8AD;--line:#e9e5db;--blue:#087abd;--white:#fff;--radius:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}button{transition:background .18s,transform .18s}button:enabled:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #087abd;outline-offset:4px}button:disabled:hover{transform:none}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}.site-header{height:100px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:.14em;font-weight:800}.brand img{object-fit:contain}.brand-product{display:block;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin-top:3px}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:14px;color:var(--muted)}.site-header nav a{padding:10px 0}.site-header nav a:hover,.site-header nav .active{color:var(--ink)}.site-header nav .active{box-shadow:0 2px var(--gold)}.stage-badge{font-size:11px;font-weight:700;color:var(--gold-strong);border:1px solid #e7c97c;background:var(--tint);border-radius:6px;padding:7px 10px;letter-spacing:.05em}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:440px;position:relative;padding-top:36px;padding-bottom:48px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;display:flex;gap:9px;align-items:center}.category-dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.eyebrow-divider{color:#a5a8a9;padding:0 4px}h1{font-size:clamp(42px,4.3vw,62px);line-height:1.09;letter-spacing:-.055em;margin:22px 0 18px;font-weight:650}h1 span{color:var(--gold-strong)}.hero-description{font-size:17px;line-height:1.7;color:var(--muted);margin:0}.hero-tags{display:flex;gap:18px;margin-top:25px;font-size:11px;font-weight:600;color:#62685e}.hero-tags span:before{content:'✓';color:#497b4c;margin-right:6px}.network-art{height:330px;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#ffe3a17a,transparent 67%)}.orbit{position:absolute;border:1px solid #e0bd6780;border-radius:50%;width:320px;height:200px;transform:rotate(-26deg);box-shadow:0 2px 15px #d69a1b06}.orbit-two{transform:rotate(33deg);width:350px;height:220px}.orbit-three{width:255px;height:290px;transform:rotate(10deg);border-style:dashed;border-color:#d0bd8f7a}.art-core{width:166px;height:166px;border-radius:44px;background:linear-gradient(135deg,#fff,#fff9e8);display:grid;place-items:center;box-shadow:0 23px 40px #96763818,inset 0 0 0 1px #fff;transform:rotate(-8deg);animation:float 8s ease-in-out infinite}.art-core img{transform:rotate(8deg);filter:drop-shadow(0 12px 15px #003e7317)}.art-node{position:absolute;z-index:2;width:30px;height:30px;border:6px solid #fffaf0;border-radius:10px;background:#e6ae39;box-shadow:0 5px 18px #986b261c;transform:rotate(-15deg)}.node-one{top:60px;left:24%;width:38px;height:38px}.node-two{right:12%;top:180px;background:#87b5d2}.node-three{left:17%;bottom:65px;background:#edce86;width:23px;height:23px}.art-caption{position:absolute;bottom:2px;font-size:10px;letter-spacing:.16em;color:#947538;text-transform:uppercase}.explorer{scroll-margin-top:25px}.explorer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.network-control{display:flex;align-items:center;gap:13px;scroll-margin-top:20px}.network-control label{font-size:12px;font-weight:600;color:var(--muted)}.network-control select{border:1px solid var(--line);border-radius:9px;padding:10px 33px 10px 13px;max-width:340px;background:#fff;color:var(--ink);font-size:13px;font-weight:650}.live-tools{display:flex;align-items:center;gap:12px}.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#929aa0}.connection[data-state=connected] .status-dot{background:#378751;box-shadow:0 0 0 4px #37875112}.connection[data-state=stale] .status-dot{background:#bf8619}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:23px}.quiet-button{font-size:11px;font-weight:600;border:0;background:#f0ede4;padding:10px 12px;border-radius:8px;color:var(--ink)}.search-form{display:flex;align-items:stretch;background:#fff;border:1px solid #dccdad;border-radius:14px;box-shadow:0 6px 22px #754e0010;overflow:hidden;padding:7px}.search-form select{border:0;border-right:1px solid var(--line);background:#fff;padding:0 16px;font-size:12px;color:var(--muted);border-radius:6px}.search-form input{min-width:0;flex:1;border:0;background:#fff;padding:16px 20px;font-size:14px;color:var(--ink);outline-offset:-3px}.search-form button{background:var(--gold-strong);color:#fff;border:0;padding:0 24px;border-radius:9px;font-size:13px;font-weight:650;display:flex;gap:28px;align-items:center}.search-form button:hover{background:#654200}.search-feedback{min-height:18px;font-size:12px;color:#8b471c;margin:10px 4px}.notice{padding:14px 18px;border:1px solid #ead29e;border-radius:12px;background:var(--tint);color:#694e21;font-size:13px;line-height:1.55;margin:8px 0 22px}.notice[hidden]{display:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:8px 0 28px;overflow:hidden}.metric{padding:22px 24px;display:flex;flex-direction:column;gap:8px;min-width:0}.metric+.metric{border-left:1px solid var(--line)}.metric-label{font-size:11px;font-weight:600;color:var(--muted)}.metric strong{font-weight:650;letter-spacing:-.03em;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric>span:last-child{font-size:10px;line-height:1.5;color:#6c747c}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.activity-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-heading{padding:24px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.small-label{font-size:9px;letter-spacing:.12em;font-weight:750;color:#8b7860;margin:0 0 8px}h2{font-size:23px;letter-spacing:-.035em;font-weight:650;margin:0}.count-badge{font-size:10px;white-space:nowrap;background:#f4f3ef;color:var(--muted);padding:6px 9px;border-radius:20px}.activity-list{min-height:355px;max-height:680px;overflow:auto}.record{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;width:100%;background:#fff;text-align:left;padding:17px 24px;border:0;border-top:1px solid #f1eee8;color:var(--ink)}.record:enabled:hover{background:#fffaf0;transform:none}.record-icon{height:36px;width:36px;display:grid;place-items:center;background:#fbf5e7;border:1px solid #f0e6cd;color:#a07013;border-radius:11px;font-size:19px}.record-text{display:flex;flex-direction:column;gap:6px;min-width:0}.record-title{font-weight:650;font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-sub{font-size:10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:10px;color:var(--muted);white-space:nowrap}.record-status{font-size:9px;font-weight:600;padding:3px 6px;border-radius:5px;background:#f3f3f1;color:#646b71}.record-status[data-value=finalized],.record-status[data-value=success]{background:#e9f4ec;color:#27663e}.record-status[data-value=failed]{background:#fbecec;color:#983f3f}.record-status[data-value=pending],.record-status[data-value=unconfirmed]{background:#fff4db;color:#805400}.empty-state{min-height:355px;padding:50px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid #f1eee8}.empty-icon{width:61px;height:61px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff9ec,#f1ebde);color:#b29969;font-size:32px;margin-bottom:10px}.empty-state h3{font-size:15px;font-weight:650;letter-spacing:-.02em;margin:12px 0 8px}.empty-state p{max-width:270px;font-size:12px;line-height:1.7;color:var(--muted);margin:0}.sample-note{font-size:10px;color:#727981;line-height:1.7;margin:18px 3px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px;padding-top:48px;padding-bottom:50px;border-top:1px solid var(--line)}.about h2{font-size:34px;line-height:1.2;letter-spacing:-.045em}.about .eyebrow{color:var(--gold-strong);font-size:10px}.about-copy{font-size:13px;line-height:1.8;color:#596673}.about-copy>p:first-child{margin-top:0}.infrastructure-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#266080;font-weight:600}.blue-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--blue);flex-shrink:0}.muted{color:var(--muted);font-weight:400}.about .muted{font-size:10px;line-height:1.7}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;padding-bottom:28px;font-size:10px;color:#6b747c}footer>span:first-child{font-weight:800;letter-spacing:.06em;color:var(--ink)}footer a{color:var(--gold-strong)}dialog{width:min(640px,calc(100% - 32px));max-height:85dvh;border:1px solid #e9dfcc;border-radius:24px;padding:28px;box-shadow:0 30px 100px #14293b30;color:var(--ink);background:#fffdf9}dialog::backdrop{background:#14253866;backdrop-filter:blur(5px)}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.detail-heading h2{text-transform:capitalize}.detail-loading{padding:40px 0;color:var(--muted);font-size:13px}.detail-list{margin:0}.detail-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:14px 0;font-size:12px;line-height:1.7}.detail-row dt{color:var(--muted)}.detail-row dd{margin:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.detail-row button{margin-left:8px;background:var(--tint);color:var(--gold-strong);border:0;border-radius:4px;padding:2px 5px;font-size:10px}.detail-row a,.detail-link{color:#806010;text-decoration:underline}#detail-sample{font-size:10px;line-height:1.7;margin-bottom:0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:30;background:#fff;padding:14px;border:2px solid var(--blue);border-radius:6px}@keyframes float{50%{transform:translateY(-8px) rotate(-5deg)}}
@media(min-width:1450px){.wrap{width:min(1280px,calc(100% - 100px))}.hero{min-height:470px}}
@media(max-width:960px){.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:1.25fr 1fr;min-height:380px}.network-art{transform:scale(.8);transform-origin:center}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.activity-grid{gap:16px}.record{padding:16px;gap:9px}.panel-heading{padding:22px 18px}.about{gap:40px}h2{font-size:21px}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.site-header{height:80px;gap:20px}.brand{font-size:20px;gap:9px}.brand img{width:32px;height:36px}.brand-product{font-size:9px}.site-header nav{gap:17px;font-size:12px}.site-header nav a:last-child{display:none}.stage-badge{font-size:9px;padding:5px 7px}.hero{min-height:0;display:block;padding-top:35px;padding-bottom:28px}.hero h1{font-size:47px;max-width:450px}.hero-description{font-size:14px}.network-art{position:absolute;right:-30px;top:35px;width:210px;transform:scale(.5);opacity:.35;transform-origin:top right;z-index:-1}.hero-tags{font-size:10px;gap:12px}.eyebrow{font-size:9px}.explorer-toolbar{flex-wrap:wrap;gap:15px;margin-top:13px}.network-control{width:100%}.network-control select{flex:1;max-width:none}.live-tools{width:100%;justify-content:flex-end}.connection{margin-right:auto}.search-form{flex-wrap:wrap;gap:5px;padding:7px}.search-form select{width:105px;font-size:11px;padding:0 9px}.search-form input{padding:13px 7px;font-size:12px;width:calc(100% - 120px)}.search-form button{width:100%;justify-content:space-between;padding:12px 17px}.metrics{margin-top:4px;margin-bottom:20px;border-radius:17px}.metric{padding:18px 16px;gap:7px}.metric strong{font-size:19px}.metric-label{font-size:10px}.metric>span:last-child{font-size:9px}.activity-grid{grid-template-columns:1fr;gap:20px}.activity-list{min-height:280px;max-height:500px}.empty-state{min-height:280px;padding:35px 30px}.record{padding:16px 19px}.about{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:30px;padding-bottom:30px}.about h2{font-size:30px}.about-copy{font-size:12px}footer{flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}.detail-row{grid-template-columns:105px minmax(0,1fr);gap:12px}dialog{padding:22px}.sample-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:680px){.hero{overflow:hidden}.network-art{right:0}}