*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0a;--surface:#111114;--surface-2:#18181d;--surface-3:#1f1f26;--border:#242430;--border-hover:#38384a;--text:#ededef;--text-dim:#9999ab;--text-muted:#66667a;--o1:#ff9800;--o2:#ff6d00;--o3:#ffb300;--o4:#ff8c1a;--og:rgba(255,152,0,.1);--ogs:rgba(255,152,0,.22);--r:12px;--rs:8px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp{min-height:100vh}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% 35%,rgba(255,152,0,.06),transparent),radial-gradient(ellipse 50% 40% at 85% 20%,rgba(255,109,0,.04),transparent),radial-gradient(ellipse 50% 40% at 15% 75%,rgba(255,179,0,.03),transparent),var(--bg);background-size:200% 200%,200% 200%,200% 200%,100% 100%;animation:mesh 14s ease-in-out infinite}@keyframes mesh{0%,to{background-position:50% 50%,80% 20%,20% 70%,0 0}33%{background-position:30% 60%,60% 40%,40% 60%,0 0}66%{background-position:70% 40%,40% 60%,60% 40%,0 0}}.hero-network{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--mx:0;--my:0}.lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.07}.line{stroke:var(--o1);stroke-width:.12;opacity:0;animation:lineIn 1.2s ease forwards}.line-0{animation-delay:.3s}.line-1{animation-delay:.5s}.line-2{animation-delay:.7s}.line-3{animation-delay:.9s}.line-4{animation-delay:1.1s}.line-5{animation-delay:1.3s}.line-6{animation-delay:1.5s}.line-7{animation-delay:1.7s}.line-8{animation-delay:1.9s}.line-9{animation-delay:2.1s}.line-10{animation-delay:2.3s}.line-11{animation-delay:2.5s}.line-12{animation-delay:2.7s}.line-13{animation-delay:2.9s}.line-14{animation-delay:3.1s}@keyframes lineIn{to{opacity:1}}.dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--o1);opacity:.22;animation:float 6s ease-in-out infinite;transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-10px));transition:transform .3s ease-out}.dot-0{left:6%;top:12%;animation-duration:4.5s}.dot-1{left:20%;top:8%;animation-duration:5.4s;animation-delay:.3s}.dot-2{left:35%;top:15%;animation-duration:6.2s;animation-delay:.6s}.dot-3{left:50%;top:8%;animation-duration:5s;animation-delay:1s}.dot-4{left:65%;top:14%;animation-duration:5.8s;animation-delay:.4s}.dot-5{left:6%;top:38%;animation-duration:7s;animation-delay:1.2s}.dot-6{left:20%;top:35%;animation-duration:5.6s;animation-delay:.8s}.dot-7{left:80%;top:10%;animation-duration:4.8s;animation-delay:.2s}.dot-8{left:35%;top:40%;animation-duration:6.5s;animation-delay:1.5s}.dot-9{left:93%;top:18%;animation-duration:5.2s;animation-delay:.5s}.dot-10{left:50%;top:42%;animation-duration:6.8s;animation-delay:1.8s}.dot-11{left:65%;top:38%;animation-duration:5.3s;animation-delay:.9s}.dot-12{left:80%;top:40%;animation-duration:7.2s;animation-delay:2s}.dot-13{left:93%;top:35%;animation-duration:4.6s;animation-delay:.3s}.dot-14{left:12%;top:65%;animation-duration:6.4s;animation-delay:1.4s}.dot-15{left:30%;top:72%;animation-duration:5.1s;animation-delay:.7s}.dot-16{left:55%;top:70%;animation-duration:6.6s;animation-delay:1.6s}.dot-17{left:72%;top:68%;animation-duration:5.5s;animation-delay:1.1s}.dot-18{left:88%;top:65%;animation-duration:7s;animation-delay:2.2s}.dot-19{left:45%;top:88%;animation-duration:5.7s;animation-delay:.6s}@keyframes float{0%,to{transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-10px))}50%{transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-10px - 14px))}}.hero-layout{position:relative;z-index:10;width:100%;max-width:1000px;padding:2rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2.4rem}.hero-top{text-align:center;opacity:0;animation:fadeUp .4s ease forwards}.hero-logo{font-size:3.5rem;margin-bottom:.6rem}.hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.3rem,4.6vw,3.4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:.8rem}.hero-hl{background:linear-gradient(135deg,var(--o1),var(--o2),var(--o3),var(--o4),var(--o1));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gs 6s ease-in-out infinite}@keyframes gs{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-sub{font-size:clamp(1.22rem,1.9vw,1.35rem);color:var(--text-dim);line-height:1.6;max-width:600px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-row{display:flex;align-items:stretch;width:100%;max-width:620px;margin:0 auto;opacity:0;animation:fadeUp .4s ease forwards .1s}.sect{flex:1;display:flex;flex-direction:column;gap:.65rem;padding:0 1.4rem}.row-divider{width:1px;background:linear-gradient(180deg,transparent 5%,var(--border) 30%,var(--border) 70%,transparent 95%);flex-shrink:0}.sect-label{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.15rem}.deploy-grid{display:flex;flex-direction:column;gap:.55rem}.di{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:var(--rs);background:transparent;border:1px solid var(--border);color:var(--text);text-decoration:none;cursor:pointer;transition:all .2s;width:100%}.di:hover{border-color:var(--border-hover);background:var(--surface)}.di.flash{border-color:var(--o1)}.di-icon{width:22px;height:22px;flex-shrink:0;color:var(--text-muted);transition:color .2s}.di:hover .di-icon{color:var(--o1)}.di-text{font-size:1.2rem;font-weight:500}.curl-area{width:100%;max-width:560px;opacity:0;animation:fadeUp .4s ease forwards .2s}.curl-row{display:flex;gap:.5rem;align-items:center}.curl-copy{padding:.6rem 1.05rem;border-radius:var(--rs);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:1.15rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.curl-copy:hover{border-color:var(--o1);color:var(--o1)}.curl-copy.copied{background:var(--og);border-color:var(--o1);color:var(--o1)}.cs{position:relative;flex:1;min-width:0}.cs-trigger{width:100%;display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--rs);color:var(--text);font-size:1.15rem;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .2s}.cs-trigger:hover,.cs-open .cs-trigger{border-color:var(--o1)}.cs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cs-icon{font-size:1.1rem;font-weight:700;flex-shrink:0;width:20px;text-align:center}.cs-arrow{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);transition:transform .2s}.cs-open .cs-arrow{transform:rotate(180deg)}.cs-menu{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);z-index:50;padding:.4rem;max-height:420px;overflow-y:auto;box-shadow:0 -8px 40px #00000080}.cs-menu::-webkit-scrollbar{width:4px}.cs-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cs-divider{height:1px;background:var(--border);margin:.3rem .5rem}.cs-group-label{font-size:.98rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .6rem .2rem}.cs-option{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .7rem;border:none;background:none;color:var(--text-dim);font-size:1.13rem;font-family:Inter,sans-serif;text-align:left;cursor:pointer;border-radius:6px;transition:all .12s}.cs-option:hover{background:#ffffff0a;color:var(--text)}.cs-option.cs-active{color:var(--o1);background:var(--og)}.cs-avatar{width:22px;height:22px;border-radius:5px;flex-shrink:0;object-fit:cover}.cs-opt-avatar{width:24px;height:24px;border-radius:6px;flex-shrink:0;object-fit:cover}.cs-opt-link{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--text-muted);transition:all .15s;opacity:0}.cs-opt-link svg{width:14px;height:14px}.cs-option:hover .cs-opt-link{opacity:1}.cs-opt-link:hover{color:var(--o1);background:#ffffff0f}.webmcp-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.webmcp-tag svg{width:14px;height:14px;color:var(--o1);opacity:.7}.webmcp-tag:hover{border-color:var(--o1);color:var(--text)}.hero-links{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;opacity:0;animation:fadeUp .4s ease forwards .3s}.hlink{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:var(--rs);border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:1.12rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.hlink svg{width:16px;height:16px;flex-shrink:0}.hlink:hover{border-color:var(--border-hover);color:var(--text)}.hlink.flash{border-color:var(--o1);color:var(--o1)}.hlink-mono{font-family:SF Mono,Fira Code,monospace;font-size:1.08rem;font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:92%;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:2rem;box-shadow:0 24px 80px #0009;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close svg{width:16px;height:16px}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-title{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.4rem}.modal-desc{font-size:1rem;color:var(--text-dim);line-height:1.6;margin-bottom:1.5rem}.modal-desc strong{color:var(--text);font-weight:600}.steps{display:flex;flex-direction:column;gap:1rem}.step-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.step-num{width:24px;height:24px;border-radius:50%;background:var(--og);color:var(--o1);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-label{font-size:.95rem;font-weight:500;color:var(--text-dim)}.step-code{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--rs);padding:.6rem .8rem}.step-code code{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:var(--text);white-space:pre-wrap;word-break:break-all}.step-copy{padding:.25rem .65rem;border-radius:5px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;font-family:Inter,sans-serif}.step-copy:hover{border-color:var(--o1);color:var(--o1)}.step-copied{background:var(--og);border-color:var(--o1);color:var(--o1)}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.5rem}.modal-btn{padding:.55rem 1.2rem;border-radius:var(--rs);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;font-family:Inter,sans-serif;display:inline-flex;align-items:center}.modal-btn-secondary{border:1px solid var(--border);background:none;color:var(--text-dim)}.modal-btn-secondary:hover{border-color:var(--border-hover);color:var(--text)}.modal-btn-primary{border:1px solid var(--o1);background:var(--og);color:var(--o1)}.modal-btn-primary:hover{background:#ff98002e}@media(max-width:700px){.hero-row{flex-direction:column;gap:1.8rem}.row-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.sect{padding:0}.hero-layout{padding:5.5rem 1.25rem 2rem;gap:1.8rem}}@media(max-width:480px){.hero-layout{padding:5rem 1rem 1.5rem}.curl-row{flex-direction:column}.cs-menu{width:320px;left:0;transform:none}.hero-links{flex-direction:column;align-items:center}.hlink{width:100%;max-width:300px;justify-content:center}}@media(max-width:360px){.hero-title{font-size:2rem}}
