:root {
  --bg:#0c0911; --surface:#15101e; --raised:#211a2e; --input:#120e19;
  --ink:#f7f3ff; --muted:#b9aec9; --dim:#8f839f; --line:rgba(185,144,255,.24);
  --accent:#a970ff; --bright:#c9a7ff; --accent-muted:#7451a8;
  --success:#55d6a7; --warning:#ffb454; --danger:#ff6b8a;
  --mono:"Roboto Mono","SFMono-Regular",Consolas,monospace; --sans:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 4%,rgba(169,112,255,.2),transparent 27%),linear-gradient(135deg,#0c0911,#120d1b 55%,#0e0a14);color:var(--ink);font-family:var(--sans);line-height:1.55}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");z-index:20}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--accent);padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}
header{height:78px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(12,9,17,.72);backdrop-filter:blur(16px);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:.78rem;letter-spacing:.18em;font-weight:700}.brand>span:first-child{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--accent);border-radius:50%;color:var(--bright);font:600 .6rem var(--mono)}.brand>span:last-child{display:flex;flex-direction:column}.brand small{color:var(--dim);font:500 .48rem var(--mono);letter-spacing:.13em}nav{display:flex;align-items:center;gap:1.8rem}nav a{color:var(--muted);font-size:.75rem;text-decoration:none}.home-link{padding:.5rem .85rem;border:1px solid var(--line);border-radius:2rem;background:rgba(134,87,217,.14)}nav a:hover{color:var(--bright)}
main{width:min(1500px,100%);margin:auto;padding:clamp(3rem,7vw,6.5rem) clamp(1.2rem,6vw,6rem)}.intro{display:grid;grid-template-columns:1.18fr .62fr;gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:4.5rem}.eyebrow{color:var(--bright);font:600 .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0}.intro h1{font-size:clamp(3.2rem,7vw,7.2rem);line-height:.89;letter-spacing:-.067em;margin:.8rem 0 1.8rem;max-width:900px;font-weight:500}.intro h1 em{color:var(--accent);font-style:normal}.intro>div>p:not(.eyebrow){color:var(--muted);max-width:760px;font-size:clamp(.95rem,1.3vw,1.14rem)}.intro-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.7rem}.intro-badges span{border:1px solid var(--line);background:rgba(73,54,97,.22);padding:.45rem .65rem;color:var(--dim);font:500 .55rem var(--mono);text-transform:uppercase;letter-spacing:.07em}
.network-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(73,54,97,.45),rgba(21,16,30,.88));padding:1.5rem;box-shadow:0 25px 80px rgba(0,0,0,.28)}.label{display:block;color:var(--dim);font:.59rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.network-card>strong{display:flex;align-items:center;gap:.65rem;margin:.8rem 0 1.3rem;font:500 1.15rem var(--mono)}#node-dot{width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 12px currentColor}#node-dot.ready{background:var(--success)}#node-dot.offline{background:var(--danger)}#node-state.ready{color:var(--success)}dl{margin:0;border-top:1px solid var(--line)}dl div{display:flex;justify-content:space-between;padding:.72rem 0;border-bottom:1px solid var(--line)}dt{color:var(--dim);font-size:.71rem}dd{margin:0;font:.69rem var(--mono)}.amber{color:var(--warning)}
.workspace{border:1px solid var(--line);background:rgba(21,16,30,.76);box-shadow:0 35px 100px rgba(0,0,0,.26)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#120d1b}.tabs button{min-height:58px;padding:.9rem;border:0;border-right:1px solid var(--line);background:transparent;color:var(--dim);font:600 .65rem var(--mono);cursor:pointer}.tabs button:last-child{border-right:0}.tabs button:hover{color:var(--ink);background:rgba(73,54,97,.22)}.tabs button[aria-selected=true]{background:linear-gradient(180deg,rgba(169,112,255,.18),rgba(89,64,127,.18));color:var(--bright);box-shadow:inset 0 -2px var(--accent)}.tabs button:focus-visible{outline:2px solid var(--bright);outline-offset:-3px}.panel{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--line)}.panel-copy p{color:var(--muted);max-width:440px}.panel h2,.gate h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.6rem 0 1rem;letter-spacing:-.05em;font-weight:520}.studio-form{display:grid;gap:1rem}label{display:grid;gap:.42rem;color:#ddd4ea;font-size:.7rem}input{width:100%;padding:.95rem 1rem;border:1px solid #493d5d;background:var(--input);color:var(--ink);font:inherit;border-radius:2px}input::placeholder{color:#73667f}input:hover{border-color:#7451a8}input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(169,112,255,.11)}input:invalid:not(:placeholder-shown){border-color:var(--danger)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.studio-form button{padding:1rem;border:0;background:linear-gradient(135deg,#8657d9,var(--accent));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 28px rgba(134,87,217,.18)}.studio-form button:hover{background:linear-gradient(135deg,var(--accent),var(--bright))}
.draft-preview{display:grid;grid-template-columns:.42fr .58fr;gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(circle at 20% 40%,rgba(169,112,255,.13),transparent 25%),#0e0a14}.draft-topline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:var(--bright);font:600 .59rem var(--mono);letter-spacing:.1em}.draft-topline strong{color:var(--warning);font-weight:500}.draft-card{align-self:start;min-height:210px;padding:1.5rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(89,64,127,.58),rgba(21,16,30,.92));display:flex;flex-direction:column;justify-content:center}.draft-card small{color:var(--dim);font:.54rem var(--mono)}.draft-card h3{margin:.7rem 0 .3rem;color:var(--bright);font:500 clamp(1.5rem,3vw,2.8rem)/1 var(--mono);overflow-wrap:anywhere}.draft-card p{color:var(--muted);margin:0}.draft-preview details{min-width:0;border:1px solid var(--line);background:var(--input)}.draft-preview summary{cursor:pointer;padding:.85rem 1rem;color:var(--bright);font:.62rem var(--mono)}.draft-preview pre{max-height:200px;margin:0;padding:1rem;border-top:1px solid var(--line);overflow:auto;color:#b9aec9;font:.57rem/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.draft-warning{grid-column:1/-1;color:var(--warning);font:.62rem/1.6 var(--mono);margin:0}
.gate{padding:clamp(5rem,9vw,8rem) 0 2rem;color:var(--muted);max-width:1050px}.gate ol{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line)}.gate li{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line);color:var(--ink)}.gate li>span{color:var(--warning);font:.68rem var(--mono)}.gate li.done>span{color:var(--success)}.gate li strong{display:block;font-weight:600}.gate li small{display:block;color:var(--dim);margin-top:.25rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1.2rem,6vw,6rem);border-top:1px solid var(--line);color:#8f839f;font:.62rem var(--mono)}
@media(max-width:900px){.intro,.panel{grid-template-columns:1fr;gap:2rem}.intro{align-items:start}.draft-preview{grid-template-columns:1fr 1fr}.tabs{grid-template-columns:1fr 1fr}.tabs button:nth-child(2){border-right:0}.tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){nav a:not(.home-link){display:none}.intro h1{font-size:clamp(2.8rem,15vw,4.6rem)}.split,.draft-preview{grid-template-columns:1fr}.draft-topline,.draft-warning{grid-column:1}.panel{padding:1.3rem}.tabs button{font-size:.57rem;padding:.7rem}.network-card{margin-top:1rem}footer{flex-direction:column}.gate li{grid-template-columns:38px 1fr}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}