.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0d1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.header__logo:hover{color:var(--text-primary)}.header__logo-icon{width:28px;height:28px;color:var(--green)}.header__nav{display:flex;align-items:center;gap:28px}.header__nav a{font-size:.95rem;color:var(--text-secondary);transition:color .2s}.header__nav a:hover{color:var(--text-primary)}.header__github{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);padding:6px 14px;font-size:.9rem!important;color:var(--text-primary)!important;transition:border-color .2s,background .2s}.header__github:hover{border-color:var(--text-muted);background:var(--border-color)}.header__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.header__toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.header__toggle--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__toggle--open span:nth-child(2){opacity:0}.header__toggle--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.header__toggle{display:flex}.header__nav{position:fixed;top:64px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-direction:column;padding:24px;gap:20px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}.header__nav--open{transform:translateY(0);opacity:1;pointer-events:all}.header__nav a{font-size:1.05rem}}.hero{padding-top:140px;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;padding:6px 16px;font-size:.85rem;color:var(--text-secondary);margin-bottom:24px}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-dim)}.hero__title{font-size:3.2rem;font-weight:800;line-height:1.15;max-width:800px;margin:0 auto 20px;letter-spacing:-.02em}.hero__highlight{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:640px;margin:0 auto 32px;line-height:1.7}.hero__actions{display:flex;gap:12px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.hero__btn:hover{transform:translateY(-1px)}.hero__btn--primary{background:var(--green-dim);color:#fff;border:1px solid var(--green-dim)}.hero__btn--primary:hover{background:var(--green);border-color:var(--green);color:#fff}.hero__btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.hero__btn--secondary:hover{border-color:var(--text-muted);background:var(--bg-tertiary);color:var(--text-primary)}.hero__install{max-width:640px;margin:0 auto}.hero__install-header{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:10px 16px}.hero__install-dots{display:flex;gap:6px}.hero__install-dots span{width:10px;height:10px;border-radius:50%}.hero__install-dots span:nth-child(1){background:#f85149}.hero__install-dots span:nth-child(2){background:#d29922}.hero__install-dots span:nth-child(3){background:#3fb950}.hero__install-label{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.hero__install-code{background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:20px 24px;overflow-x:auto;position:relative}.hero__install-code code{font-family:var(--font-mono);font-size:.9rem;color:var(--green);white-space:pre-wrap;word-break:break-all}.hero__install-copy{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 12px;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .2s,color .2s}.hero__install-copy:hover{border-color:var(--text-muted);color:var(--text-primary)}@media (max-width: 768px){.hero{padding-top:110px}.hero__title{font-size:2.2rem}.hero__subtitle{font-size:1rem}.hero__install-code{padding:16px}.hero__install-code code{font-size:.78rem;padding-bottom:32px}}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features__card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:28px;transition:border-color .2s,transform .15s}.features__card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.features__icon{font-size:2rem;margin-bottom:16px}.features__card-title{font-size:1.1rem;font-weight:600;margin-bottom:10px}.features__card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.65}@media (max-width: 900px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features__grid{grid-template-columns:1fr}.features__card{padding:22px}}.demo__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:960px;margin:0 auto}.demo__item{text-align:center}.demo__frame{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.demo__frame-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border-color)}.demo__frame-bar span{width:10px;height:10px;border-radius:50%}.demo__frame-bar span:nth-child(1){background:#f85149}.demo__frame-bar span:nth-child(2){background:#d29922}.demo__frame-bar span:nth-child(3){background:#3fb950}.demo__gif{width:100%;display:block}.demo__label{margin-top:12px;font-size:.9rem;color:var(--text-secondary);font-family:var(--font-mono)}@media (max-width: 768px){.demo__grid{grid-template-columns:1fr;gap:24px}}.knotserver{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.knotserver__header{text-align:center;margin-bottom:48px}.knotserver__badge{display:inline-block;background:linear-gradient(135deg,#a371f726,#58a6ff26);border:1px solid rgba(163,113,247,.3);border-radius:999px;padding:4px 14px;font-size:.78rem;font-weight:600;color:var(--purple);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.knotserver__highlight{background:linear-gradient(135deg,var(--purple),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.knotserver__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.knotserver__card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .15s}.knotserver__card:hover{border-color:#a371f766;transform:translateY(-2px)}.knotserver__icon{font-size:1.6rem;margin-bottom:12px}.knotserver__card-title{font-size:.95rem;font-weight:600;margin-bottom:8px}.knotserver__card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.55}.knotserver__code{max-width:700px;margin:0 auto 40px}.knotserver__code-header{display:flex;align-items:center;gap:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:10px 16px}.knotserver__code-dots{display:flex;gap:6px}.knotserver__code-dots span{width:10px;height:10px;border-radius:50%}.knotserver__code-dots span:nth-child(1){background:#f85149}.knotserver__code-dots span:nth-child(2){background:#d29922}.knotserver__code-dots span:nth-child(3){background:#3fb950}.knotserver__code-label{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);flex:1}.knotserver__code-copy{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:4px 10px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .2s,color .2s}.knotserver__code-copy:hover{border-color:var(--text-muted);color:var(--text-primary)}.knotserver__code-body{background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:20px 24px;overflow-x:auto}.knotserver__code-body code{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word}.knotserver__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.knotserver__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;background:#a371f726;color:var(--purple);border:1px solid rgba(163,113,247,.3);transition:background .2s,border-color .2s,transform .15s}.knotserver__btn:hover{background:#a371f740;border-color:#a371f780;color:var(--purple);transform:translateY(-1px)}.knotserver__btn-secondary{display:inline-flex;align-items:center;padding:12px 28px;border-radius:var(--radius);font-size:1rem;font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);transition:border-color .2s,color .2s,transform .15s}.knotserver__btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}@media (max-width: 900px){.knotserver__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.knotserver__grid{grid-template-columns:1fr}.knotserver__card{padding:18px}.knotserver__code-body{padding:16px}.knotserver__code-body code{font-size:.78rem}}.install__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.install__card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.install__card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.install__card-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono)}.install__card-copy{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:4px 10px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .2s,color .2s}.install__card-copy:hover{border-color:var(--text-muted);color:var(--text-primary)}.install__card-code{padding:20px;overflow-x:auto}.install__card-code code{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word}.install__footer{text-align:center;margin-top:40px}.install__footer a{font-size:1rem;font-weight:500}@media (max-width: 768px){.install__grid{grid-template-columns:1fr}.install__card-code{padding:16px}.install__card-code code{font-size:.78rem}}.footer{border-top:1px solid var(--border-color);padding:60px 0 32px}.footer__top{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--green);margin-bottom:12px}.footer__tagline{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.footer__links{display:flex;gap:60px}.footer__col h4{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.footer__col a{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;transition:color .2s}.footer__col a:hover{color:var(--text-primary)}.footer__langs{border-top:1px solid var(--border-color);padding-top:24px;margin-bottom:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer__langs-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.footer__langs-list{display:flex;gap:8px;flex-wrap:wrap}.footer__lang-tag{font-size:.78rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 10px;color:var(--text-secondary);font-family:var(--font-mono)}.footer__bottom{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted);padding-top:20px;border-top:1px solid var(--border-color)}@media (max-width: 768px){.footer__top{flex-direction:column;gap:32px}.footer__brand{max-width:100%}.footer__links{gap:40px}.footer__bottom{flex-direction:column;gap:8px;text-align:center}}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-hover: #79c0ff;--green: #3fb950;--green-dim: #238636;--orange: #d29922;--purple: #a371f7;--red: #f85149;--radius: 8px;--radius-sm: 4px;--max-width: 1100px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:80px 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:16px;text-align:center}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 48px}@media (max-width: 768px){section{padding:60px 0}.section-title{font-size:1.6rem}.section-subtitle{font-size:1rem;margin-bottom:32px}}