:root{--bg-deep: #14181e;--bg-raise: #262c36;--panel: #12161c;--chrome: #1b2129;--line: rgba(223, 208, 184, .15);--line-soft: rgba(223, 208, 184, .08);--parch: #dfd0b8;--cream: #f4e7c5;--dim: rgba(223, 208, 184, .66);--faint: rgba(223, 208, 184, .4);--up: #7ddb8a;--down: #ee7b70;--mono: "Azeret Mono", ui-monospace, Menlo, monospace;--sans: "Instrument Sans", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:radial-gradient(1200px 600px at 70% -10%,rgba(38,44,54,.9),transparent 60%),var(--bg-deep);color:var(--parch);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--cream);color:var(--panel)}a{color:var(--cream);text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cream);outline-offset:3px;border-radius:2px}code{font-family:var(--mono);font-size:.85em;color:var(--cream);background:#dfd0b814;padding:.1em .35em;border-radius:4px}.up{color:var(--up)}.down{color:var(--down)}.num{color:var(--cream)}.nav{width:min(1200px,100%);margin:0 auto;padding:1.3rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font-family:var(--mono);font-weight:800;font-size:1.25rem;color:var(--cream);letter-spacing:-.02em}.wordmark-prompt{color:var(--faint);font-weight:500}.wordmark-cursor{display:inline-block;width:.55em;height:1em;margin-left:2px;background:var(--parch);vertical-align:text-bottom;animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;align-items:center;gap:1.6rem;font-family:var(--mono);font-size:.82rem}.nav-links a{color:var(--dim);transition:color .15s}.nav-links a:hover{color:var(--cream)}.nav-gh{border:1px solid var(--line);padding:.42rem .9rem;border-radius:8px;color:var(--cream)!important;transition:background .15s,border-color .15s}.nav-gh:hover{background:#dfd0b814;border-color:var(--parch)}.hero{width:min(1200px,100%);margin:0 auto;padding:1rem 2rem 2rem;display:grid;grid-template-columns:minmax(0,10fr) minmax(0,11fr);gap:3.5rem;align-items:center;min-height:0}h1{font-family:var(--mono);font-weight:800;font-size:clamp(2.1rem,3.4vw,3rem);line-height:1.12;letter-spacing:-.035em;color:var(--cream)}h1 em{font-style:normal;position:relative;color:var(--cream);padding:.04em .14em;margin:-.04em -.14em;white-space:nowrap}h1 em:before{content:attr(data-text) / "";position:absolute;top:0;right:0;bottom:0;left:0;padding:.04em .14em;box-sizing:border-box;white-space:nowrap;color:var(--panel);background:var(--up);border-radius:3px;clip-path:inset(0 0 0 0);animation:select-in .9s steps(12,end) .6s both}@keyframes select-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.hero-sub{margin-top:1.2rem;color:var(--dim);max-width:34rem}.install{margin-top:2rem}.src-tabs{display:flex;gap:.4rem;margin-bottom:.7rem}.src-tab{font-family:var(--mono);font-size:.74rem;color:var(--faint);background:none;border:1px solid transparent;border-radius:7px;padding:.3rem .75rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.src-tab:hover{color:var(--cream)}.src-tab[aria-selected=true]{color:var(--cream);border-color:var(--line);background:#dfd0b80f}.install-line{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;box-shadow:0 12px 40px -18px #0009}.install-line code{flex:1;background:none;padding:1.05rem 1.2rem;font-size:.92rem;color:var(--parch);overflow-x:auto;white-space:nowrap;scrollbar-width:none;align-content:center;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.copy-btn{font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--panel);background:var(--cream);border:none;padding:0 1.4rem;cursor:pointer;transition:background .15s;flex-shrink:0}.copy-btn:hover{background:var(--parch)}.copy-btn.copied{background:var(--up)}.copy-btn.ghost{background:none;color:var(--faint);border:1px solid var(--line-soft);border-radius:6px;font-size:.68rem;padding:.15rem .6rem;margin-left:.6rem}.copy-btn.ghost:hover{color:var(--cream);border-color:var(--line)}.copy-btn.ghost.copied{color:var(--up);border-color:var(--up)}.terminal{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px -30px #000000b3;overflow:hidden}.terminal-bar{background:var(--chrome);display:flex;align-items:center;gap:8px;padding:12px 16px;position:relative}.tl{width:12px;height:12px;border-radius:50%}.tl-r{background:#ff5f57}.tl-y{background:#febc2e}.tl-g{background:#28c840}.terminal-title{position:absolute;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.72rem;color:var(--faint);pointer-events:none}.terminal-body{font-family:var(--mono);font-size:.78rem;line-height:1.75;padding:1.2rem 1.3rem;height:22rem;overflow:hidden;white-space:pre-wrap;word-break:break-word}.t-prompt{color:var(--cream);font-weight:700}.t-cmd{color:var(--parch)}.t-out{color:var(--dim)}.t-cursor{display:inline-block;width:.6em;height:1.1em;background:var(--cream);vertical-align:text-bottom;animation:blink 1.1s steps(1) infinite}.footer{border-top:1px solid var(--line-soft);width:min(1200px,100%);margin:0 auto;padding:.9rem 2rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.76rem;color:var(--dim)}.footer-skill{display:inline-flex;align-items:center}.footer-skill code{font-size:.76rem}.footer-note{color:var(--faint)}.footer-note a{color:var(--dim);transition:color .15s}.footer-note a:hover{color:var(--cream)}.footer-note .dot{color:var(--line)}@media(max-width:900px),(max-height:640px){body{height:auto;min-height:100dvh;overflow:auto}}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding:2rem 1.5rem 3rem;align-content:start}.nav{padding:1.2rem 1.5rem}.nav-links a:not(.nav-gh){display:none}.terminal-body{font-size:.72rem}.install-line code{font-size:.82rem;padding:.9rem 1rem}.footer{padding:.9rem 1.5rem 1.1rem}}@media(max-width:560px){.terminal-body{height:24rem}}@media(prefers-reduced-motion:reduce){.wordmark-cursor,.t-cursor,h1 em:before{animation:none}}