@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--background:#0a0a0c;--foreground:#f0f0f5;--primary:#6366f1;--primary-glow:#6366f14d;--secondary:#10b981;--accent:#f59e0b;--card-bg:#ffffff08;--card-border:#ffffff14;--glass:#ffffff05;--glass-border:#ffffff1a;--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#6366f126,#0000 40%),radial-gradient(circle at 80% 70%,#10b9811a,#0000 40%);width:100%;height:100%;position:fixed;top:0;left:0}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem 0;display:flex}.logo{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-.05rem;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.status-badge{background:var(--glass);border:1px solid var(--glass-border);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.status-dot{background:var(--secondary);width:8px;height:8px;box-shadow:0 0 10px var(--secondary);border-radius:50%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem}.stat-value{margin:.5rem 0;font-size:2rem;font-weight:700}.stat-label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05rem;font-size:.9rem}.main-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--primary);box-shadow:0 10px 40px -10px var(--primary-glow);transform:translateY(-5px)}.feature-icon{margin-bottom:1.5rem;font-size:2rem}h2{margin-bottom:1rem;font-size:1.5rem}p.description{color:#a1a1aa;margin-bottom:2rem}.dev-tool-container{background:#050507;border:1px solid #6366f133;border-radius:24px;grid-template-columns:3fr 1.2fr;height:550px;margin-top:4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 20px #6366f11a}.visualizer-canvas{border-right:1px solid var(--glass-border);background:radial-gradient(circle,#0f101a 0%,#050507 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.visualizer-canvas:after{content:"";pointer-events:none;background-image:linear-gradient(#6366f10d 1px,#0000 1px),linear-gradient(90deg,#6366f10d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.event-log{border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;padding:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;overflow-y:auto}.log-header{color:var(--primary);letter-spacing:.2rem;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.7rem;display:flex}.log-header:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary);border-radius:50%}.log-entry{opacity:.9;border-left:1px solid #ffffff1a;margin-bottom:.75rem;padding-left:.75rem;animation:.3s ease-out slideIn;position:relative}.log-entry:hover{opacity:1;background:#ffffff05}.log-tag{text-transform:uppercase;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:.65rem;font-weight:700}.tag-system{color:#fff;background:#ffffff1a}.tag-storacha{color:var(--secondary);background:#10b9811a;border:1px solid #10b98133}.tag-ucan{color:var(--primary);background:#6366f11a;border:1px solid #6366f133}.tag-zama{color:var(--accent);background:#f59e0b1a;border:1px solid #f59e0b33}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.node{border:1px solid var(--glass-border);z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f101acc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute}.node.active{border-color:var(--primary);box-shadow:0 0 30px var(--primary-glow),inset 0 0 10px var(--primary-glow);transform:scale(1.05)translateY(-5px)}.node i{margin-bottom:.5rem;font-size:1.8rem}.node b{letter-spacing:.05rem;color:#888;text-transform:uppercase;font-size:.65rem}.svg-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.connector-path{fill:none;stroke:#ffffff0d;stroke-width:2px;stroke-dasharray:4 4}.connector-path.active{stroke:var(--primary);stroke-width:2px;stroke-dasharray:100;opacity:.6;animation:2s linear infinite dash}@keyframes dash{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.packet{fill:var(--primary);filter:drop-shadow(0 0 5px var(--primary))}.data-packet{background:var(--primary);z-index:10;width:12px;height:12px;box-shadow:0 0 10px var(--primary);border-radius:50%;position:absolute}@keyframes travel{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}label{color:#a1a1aa;margin-bottom:.5rem;font-size:.85rem;display:block}input,textarea{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:12px;outline:none;width:100%;padding:1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary)}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-weight:600;transition:filter .2s,transform .1s}button:hover{filter:brightness(1.1)}button:active{transform:scale(.98)}button.secondary{border:1px solid var(--primary);color:var(--primary);background:0 0}@media (max-width:768px){.dashboard-container{padding:1rem}}.flow-section{background:var(--glass);border:1px solid var(--glass-border);text-align:center;border-radius:32px;margin-top:4rem;padding:3rem}.flow-container{justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;display:flex;position:relative}.flow-node{background:var(--card-bg);border:1px solid var(--card-border);z-index:2;border-radius:16px;flex:1;padding:1.5rem;position:relative}.flow-node h3{margin-bottom:.5rem;font-size:1rem}.flow-node p{color:#a1a1aa;font-size:.75rem}.flow-arrow{background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.5;flex:.5;height:2px;position:relative}.flow-arrow:after{content:"→";color:var(--secondary);font-weight:700;position:absolute;top:-12px;right:-5px}.flow-label{white-space:nowrap;color:var(--primary);text-transform:uppercase;font-size:.7rem;font-weight:600;position:absolute;top:-25px;left:50%;transform:translate(-50%)}@media (max-width:900px){.flow-container{flex-direction:column}.flow-arrow{background:linear-gradient(180deg,var(--primary),var(--secondary));width:2px;height:30px}.flow-arrow:after{content:"↓";top:auto;bottom:-15px;right:-8px}}