:root{--background:#fff;--foreground:#0a0a0a;--border:#e4e4e7;--muted-foreground:#71717a;--primary:#0a0a0a;--primary-hover:#262626;--primary-light:#0a0a0a0f;--accent-indigo:#818cf8;--accent-sky:#38bdf8;--accent-violet:#a78bfa;--accent-blue:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hubot Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}::selection{background:#0a0a0a26}a{color:inherit;text-decoration:none}.nav{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffbf;align-items:center;width:100%;height:56px;padding:0 24px;display:flex;position:fixed;top:0}.nav__inner{justify-content:space-between;align-items:center;width:1189px;max-width:100%;margin:0 auto;display:flex}.nav__logo{letter-spacing:-.02em;color:var(--foreground);flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.nav__logo svg{width:28px;height:28px}.nav__links{align-items:center;gap:6px;display:flex}@media (max-width:1023px){.nav__links{display:none}}.nav__link{height:36px;color:var(--muted-foreground);border-radius:100px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.nav__link:hover{color:#fff;background:var(--foreground)}.nav__github-btn{color:var(--foreground);background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.nav__github-btn:hover{border-color:#0003;box-shadow:0 2px 8px #0000000f}.nav__github-btn svg{flex-shrink:0}.nav__github-label{font-size:12px;font-weight:600}.nav__github-divider{background:var(--border);width:1px;height:16px}.nav__github-count{text-align:center;min-width:16px;font-size:12px;font-weight:600}.nav__right{align-items:center;gap:24px;display:flex}@media (max-width:1023px){.nav__right{display:none}}.nav__mobile{justify-content:space-between;align-items:center;width:100%;display:none}@media (max-width:1023px){.nav__mobile{display:flex}}.nav__hamburger{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:inline-flex}.nav__hamburger:hover{background:#0000000d}.nav__hamburger svg{width:24px;height:24px}@media (max-width:1023px){.nav__desktop{display:none}}.homepage{background:var(--background);width:100%;color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;max-width:100vw;display:flex;position:relative;overflow:hidden}.hero-container{border:1px solid var(--border);border-bottom:0;flex-direction:column;justify-content:center;align-items:center;width:80vw;max-width:1189px;margin-top:56px;margin-left:auto;margin-right:auto;display:flex;position:relative}@media (max-width:768px){.hero-container{width:90vw}}.announcement{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;color:var(--muted-foreground);background:#0a0a0a05;justify-content:center;align-items:center;padding:12px 8px;font-size:14px;display:flex}@media (max-width:640px){.announcement{font-size:12px}}.announcement__inner{align-items:center;gap:8px;display:flex}.announcement__icon{flex-shrink:0;width:16px;height:16px}.announcement__link{color:var(--primary);-webkit-text-decoration:underline #71717a66;text-decoration:underline #71717a66;transition:text-decoration-color .2s}.announcement__link:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.hero{width:100%;height:600px;position:relative}@media (max-width:768px){.hero{height:550px}}@media (max-width:640px){.hero{height:500px}}.hero-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(5,1fr);gap:0;width:50%;height:100%;display:grid;position:absolute;top:0;right:0}@media (max-width:900px){.hero-grid{width:40%}}@media (max-width:640px){.hero-grid{display:none}}.grid-cell{border-right:1px dashed var(--border);border-bottom:1px dashed var(--border)}.grid-cell--feature{background:color-mix(in srgb, var(--accent) 8%, transparent);border-right:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-bottom:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));align-items:center;gap:8px;padding:0 12px;transition:background .3s;display:flex;position:relative}.grid-cell--feature:before{content:"";background:var(--accent);width:2px;height:100%;position:absolute;top:0;left:0}.grid-cell--feature:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.grid-cell__dot{background:var(--accent);border-radius:50%;width:6px;min-width:6px;height:6px}.grid-cell__icon{color:var(--foreground);opacity:.7;justify-content:center;align-items:center;display:flex}.grid-cell__label{color:var(--foreground);white-space:nowrap;letter-spacing:-.01em;font-size:12px;font-weight:600}@media (max-width:900px){.grid-cell__label{font-size:10px}}.corner-dot{background:var(--background);border:1px solid var(--border);border-radius:6px;width:20px;height:20px;position:absolute}@media (max-width:640px){.corner-dot{width:12px;height:12px}}.corner-dot--tl{top:0;left:0;transform:translate(-50%,-50%)}.corner-dot--tr{top:0;right:0;transform:translate(50%,-50%)}.corner-dot--bl{bottom:0;left:0;transform:translate(-50%,50%)}.corner-dot--br{bottom:0;right:0;transform:translate(50%,50%)}.hero-content{z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;height:100%;padding:16px 20px;display:flex;position:relative}@media (max-width:640px){.hero-content{align-items:center;padding:16px}}.hero-heading{max-width:500px;margin-bottom:15px}@media (max-width:640px){.hero-heading{margin-bottom:24px}}.hero-heading h1{letter-spacing:-.04em;text-wrap:balance;color:var(--foreground);font-size:48px;font-weight:600;line-height:1.15}@media (max-width:1024px){.hero-heading h1{font-size:36px}}@media (max-width:640px){.hero-heading h1{text-align:center;font-size:22px}}.hero-description{max-width:470px;color:var(--muted-foreground);text-wrap:balance;margin-top:24px;font-size:18px;line-height:1.6}@media (max-width:1024px){.hero-description{font-size:16px}}@media (max-width:640px){.hero-description{text-align:center;margin-top:16px;font-size:14px}}.hero-description code{color:var(--primary);font-weight:500;-webkit-text-decoration:underline #71717a4d;text-decoration:underline #71717a4d}.hero-description code:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.hero-actions{align-items:flex-start;gap:16px;margin-top:8px;display:flex}@media (max-width:1024px){.hero-actions{flex-direction:column;align-items:stretch}}@media (max-width:640px){.hero-actions{align-items:center;width:100%;padding:0 16px}}.btn-primary{color:#fff;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;background:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 25%,#1c1c1c 50%,#0e0e0e 75%,#050505 100%);border:1px solid #0a0a0a4d;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.25rem;font-family:Hubot Sans,sans-serif;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden;transform:translateY(-2px);box-shadow:0 2px 8px -2px #0000001a,0 4px 16px -4px #00000014,inset 0 1px #ffffff1a}@media (max-width:768px){.btn-primary{gap:6px;padding:.65rem 1rem;font-size:.85rem}}@media (max-width:480px){.btn-primary{border-radius:14px;padding:.6rem .9rem;font-size:.8rem}}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff26 0%,#0000 50%,#ffffff14 100%);border-radius:17px;position:absolute;inset:1px}@media (max-width:480px){.btn-primary:after{border-radius:13px}}.btn-primary:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#ffffff0d 30%,#0000 70%);border-radius:50%;width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:scale(0)}.btn-primary:hover:before{transform:scale(1)}.btn-primary:hover{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 25%,#2c2c2c 50%,#1e1e1e 75%,#151515 100%);border-color:#0a0a0a66;transform:translateY(-3px);box-shadow:0 8px 32px -4px #00000040,0 4px 16px -2px #00000026,inset 0 1px #ffffff1f}.btn-primary:active{background:linear-gradient(145deg,#0a0a0a 0%,#050505 25%,#0e0e0e 50%,#080808 75%,#030303 100%);transform:translateY(-1px)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #0a0a0a26,0 8px 32px -4px #0003,inset 0 1px #ffffff1f}.btn-primary svg{width:15px;height:15px;transition:all .3s}.btn-primary:hover svg{transform:translate(2px)scale(1.05)}.btn-primary .copy-icon{opacity:.7;width:18px;height:18px}.btn-secondary{color:var(--foreground);letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);white-space:nowrap;background:#fff9;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.25rem;font-family:Hubot Sans,sans-serif;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0000000f,0 4px 16px -4px #0000000a,inset 0 1px #ffffff80}@media (max-width:768px){.btn-secondary{gap:6px;padding:.65rem 1rem;font-size:.85rem}}@media (max-width:480px){.btn-secondary{border-radius:14px;padding:.6rem .9rem;font-size:.8rem}}.btn-secondary:hover{background:#ffffffd9;border-color:#0a0a0a26;transform:translateY(-2px);box-shadow:0 4px 16px -4px #0000001a,0 2px 8px -2px #0000000f,inset 0 1px #fff9}.btn-secondary:active{transform:translateY(0)}.hero-stack{align-items:center;gap:10px;margin-top:24px;display:flex}@media (max-width:640px){.hero-stack{flex-direction:column;align-self:center;gap:6px}}.hero-stack__label{color:var(--muted-foreground);letter-spacing:.02em;font-size:12px;font-weight:500}.hero-stack__items{align-items:center;gap:10px;display:flex}.hero-stack__item{color:var(--foreground);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.hero-stack__item svg{opacity:.5}.hero-stack__dot{background:var(--muted-foreground);opacity:.5;border-radius:50%;width:3px;height:3px}.projects-bar{border-top:1px solid var(--border);width:100%}.projects-bar__inner{border-left:1px solid var(--border);border-right:1px solid var(--border);align-items:center;gap:24px;width:80vw;max-width:1189px;margin:0 auto;padding:20px 24px;display:flex}@media (max-width:768px){.projects-bar__inner{flex-direction:column;align-items:flex-start;gap:12px;width:90vw}}.projects-bar__label{color:var(--muted-foreground);white-space:nowrap;font-size:12px;font-weight:500}.projects-bar__links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}@media (max-width:640px){.projects-bar__links{gap:12px}}.projects-bar__link{color:var(--foreground);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.projects-bar__link svg{opacity:.4;transition:all .2s}.projects-bar__link:hover{opacity:.7}.projects-bar__link:hover svg{opacity:1;transform:translate(1px,-1px)}.quote-section{border:1px solid var(--border);border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:center;width:80vw;max-width:1189px;margin:0 auto;display:flex;position:relative}@media (max-width:768px){.quote-section{width:90vw}}.quote-inner{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:1000px;padding:80px 16px;display:flex;position:relative}.quote-inner:before{content:"";background:var(--border);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.quote-icon{width:48px;height:48px;margin-bottom:16px}@media (max-width:640px){.quote-icon{width:24px;height:24px}}.quote-text{letter-spacing:-.02em;text-align:left;text-wrap:balance;margin-bottom:32px;font-size:48px;font-weight:400;line-height:1.2}@media (max-width:1024px){.quote-text{font-size:36px}}@media (max-width:640px){.quote-text{font-size:18px}}.quote-author{align-self:flex-start;align-items:center;gap:12px;display:flex}.quote-author img{border-radius:50%;width:48px;height:48px}.quote-author__info{color:var(--muted-foreground);font-size:16px}@media (max-width:640px){.quote-author__info{font-size:14px}}.hero-grid-mobile{pointer-events:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(5,1fr);gap:0;width:100%;height:100%;display:none;position:absolute;top:0;left:0}@media (max-width:640px){.hero-grid-mobile{display:grid}}