:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--bg-card:#16161f;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-muted:#606070;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-glow:#6366f14d;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--border-color:#2a2a3a;--border-radius:12px;--font-mono:"SF Mono","Fira Code","JetBrains Mono",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.page{min-height:100vh}.hero{background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),linear-gradient(180deg,var(--bg-primary)0%,var(--bg-secondary)100%);justify-content:space-between;align-items:center;min-height:100vh;padding:4rem 6rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;flex:1;max-width:600px}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4.5rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:500}.hero-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.125rem;line-height:1.8}.hero-features{gap:2rem;margin-bottom:3rem;display:flex}.feature{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.feature-icon{font-size:1.25rem}.try-demo-btn{color:#fff;background:linear-gradient(135deg,var(--accent-primary)0%,#4f46e5 100%);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.try-demo-btn:hover{box-shadow:0 6px 30px var(--accent-glow);transform:translateY(-2px)}.try-demo-btn .arrow{font-size:1.25rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(4px)}60%{transform:translateY(2px)}}.hero-visual{flex:1;justify-content:center;align-items:center;display:flex}.orbit-container{width:400px;height:400px;position:relative}.orbit{border:1px solid var(--border-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:200px;height:200px;animation:20s linear infinite rotate}.orbit-2{width:320px;height:320px;animation:30s linear infinite reverse rotate}.center-node{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));width:60px;height:60px;box-shadow:0 0 40px var(--accent-glow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.satellite{background:var(--accent-secondary);width:24px;height:24px;box-shadow:0 0 20px var(--accent-glow);border-radius:50%;position:absolute}.satellite-1{animation:20s linear infinite orbit1;top:50%;left:calc(50% + 100px);transform:translateY(-50%)}.satellite-2{animation:30s linear infinite reverse orbit2;top:50%;left:calc(50% - 160px);transform:translateY(-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes orbit1{0%{transform:translateY(-50%)rotate(0)translate(100px)rotate(0)}to{transform:translateY(-50%)rotate(360deg)translate(100px)rotate(-360deg)}}@keyframes orbit2{0%{transform:translateY(-50%)rotate(0)translate(-160px)rotate(0)}to{transform:translateY(-50%)rotate(-360deg)translate(-160px)rotate(360deg)}}.demo-section{background:var(--bg-secondary);min-height:100vh;padding:4rem 2rem}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h2{margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.demo-header p{color:var(--text-secondary);font-size:1.125rem}.demo-container{max-width:1400px;margin:0 auto}.demo-panels{grid-template-columns:320px 1fr;align-items:start;gap:2rem;display:grid}.left-panel{position:sticky;top:2rem}.control-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.control-panel h2{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:600}.status-section{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.status-item{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.status-item:last-child{margin-bottom:0}.status-item .label{color:var(--text-muted);font-size:.875rem}.status-item .value{font-family:var(--font-mono);font-size:.875rem}.status-item .value.connected{color:var(--success)}.status-item .value.disconnected{color:var(--text-muted)}.status-item .value.address{color:var(--accent-secondary)}.status-item .value.correct-chain{color:var(--success)}.status-item .value.wrong-chain{color:var(--warning)}.wallet-actions{gap:.5rem;margin-top:.75rem;display:flex}.disconnect-btn{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.disconnect-btn:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a}.switch-network-btn{color:var(--warning);border:1px solid var(--warning);cursor:pointer;background:#f59e0b1a;border-radius:6px;flex:1;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.switch-network-btn:hover{background:#f59e0b33}.flow-section h3{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.step-content{margin-bottom:1.5rem}.step-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem}.step-content .hint{color:var(--text-muted);font-size:.8125rem;font-family:var(--font-mono)}.step-content .success{color:var(--success);font-weight:600}.step-content .revoked{color:var(--danger);font-size:.875rem}.expected-address{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.expected-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.expected-value{font-family:var(--font-mono);color:var(--accent-secondary);font-size:.875rem}.address-input{width:100%;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s}.address-input:focus{border-color:var(--accent-primary)}.address-input::placeholder{color:var(--text-muted)}.ens-status{font-size:.8125rem;font-family:var(--font-mono);margin-bottom:.75rem}.ens-status .resolving{color:var(--text-muted)}.ens-status .resolved{color:var(--success)}.ens-status .not-found{color:var(--warning)}.ens-hint{color:var(--text-muted);font-size:.75rem}.same-address-error{color:var(--danger);font-size:.8125rem;font-family:var(--font-mono);margin-bottom:.75rem}.advanced-toggle{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 0;font-size:.8125rem;transition:color .2s;display:flex}.advanced-toggle:hover{color:var(--text-secondary)}.advanced-options{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.optional-field{margin-bottom:.75rem}.optional-field:last-child{margin-bottom:0}.optional-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.75rem;display:block}.optional-hint{color:var(--text-muted);font-style:italic}.optional-input{width:100%;font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .2s}.optional-input:focus{border-color:var(--accent-primary)}.optional-input::placeholder{color:var(--text-muted)}.primary-btn{color:#fff;background:var(--accent-primary);cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.primary-btn:hover:not(:disabled){background:var(--accent-secondary)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.tx-status{text-align:center;margin-top:.75rem}.tx-link{color:var(--accent-secondary);font-size:.8125rem;font-family:var(--font-mono);text-decoration:none}.tx-link:hover{text-decoration:underline}.danger-btn{color:#fff;background:var(--danger);cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.danger-btn:hover{background:#dc2626}.reset-btn{width:100%;color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;margin-top:1rem;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}.reset-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.error-message{color:var(--danger);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}.right-panel{min-height:600px}.record-display{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.record-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.record-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;font-family:var(--font-mono);margin:0}.struct-copy-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);cursor:not-allowed;opacity:.4;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.struct-copy-btn.active{cursor:pointer;opacity:1}.struct-copy-btn.active:hover{color:var(--warning);border-color:var(--warning);background:#f59e0b1a}.struct-copy-btn.copied{color:var(--success);border-color:var(--success);background:#22c55e1a}.record-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.record-field{border-bottom:1px solid var(--border-color);padding:.875rem 0}.record-field:last-child{border-bottom:none}.record-field.revoked{background:#ef44440d;margin:0 -1.5rem;padding:.875rem 1.5rem}.field-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.field-label{font-family:var(--font-mono);color:var(--accent-secondary);font-size:.875rem}.field-type{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;padding:.125rem .5rem;font-size:.75rem}.optional-tag{color:var(--text-muted);font-size:.6875rem;font-style:italic}.field-copy-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.record-field:hover .field-copy-btn{opacity:1}.field-copy-btn:hover{color:var(--warning);background:#f59e0b1a}.field-copy-btn.copied{opacity:1;color:var(--success)}.field-value{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.empty-value{color:var(--text-muted);font-style:italic}.hex-value{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-tertiary);word-break:break-all;border-radius:4px;padding:.25rem .5rem;font-size:.8125rem}.signature-value{font-family:var(--font-mono);color:var(--success);background:#22c55e1a;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8125rem;display:flex}.signature-check{font-size:.75rem}.key-type-name{color:var(--text-secondary);font-size:.75rem}.timestamp-display{color:var(--text-muted);font-size:.75rem}.nested-record{align-items:center;gap:.75rem;padding:.875rem 0;display:flex}.nested-indicator{color:var(--text-muted);font-size:.75rem;font-style:italic}@media (max-width:1200px){.record-display{grid-template-columns:1fr}}@media (max-width:1024px){.hero{text-align:center;flex-direction:column;padding:3rem 2rem}.hero-content{max-width:100%}.hero-features{flex-wrap:wrap;justify-content:center}.hero-visual{margin-top:3rem}.orbit-container{width:300px;height:300px}.demo-panels{grid-template-columns:1fr}.left-panel{position:relative;top:0}}@media (max-width:640px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-features{flex-direction:column;gap:1rem}}
@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}