:root{--bg0: #1b2027;--bg1: #262c36;--well: #12161c;--pane: #1b2129;--hairline: rgba(223, 208, 184, .15);--cream: #dfd0b8;--bright: #f4e7c5;--dim: rgba(223, 208, 184, .62);--faint: rgba(223, 208, 184, .4);--moss: #7ddb8a;--fjord: #8ab7db;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--serif: "Young Serif", "Iowan Old Style", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{font-family:var(--mono);color:var(--cream);background:linear-gradient(135deg,var(--bg1) 0%,var(--bg0) 100%) fixed;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.page{min-height:100svh;max-width:1200px;margin:0 auto;padding:clamp(18px,2.5vh,32px) clamp(20px,4vw,56px);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(16px,3vh,36px)}.page>*{min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font-family:var(--mono);font-weight:600;font-size:1.15rem;letter-spacing:.06em;color:var(--bright);text-decoration:none;display:inline-flex;align-items:center;gap:7px}.bracket{width:9px;height:9px;border-left:2px solid var(--fjord);border-top:2px solid var(--fjord);transform:translateY(-3px);transition:transform .25s ease}.bracket.flip{transform:rotate(180deg) translateY(-3px)}.wordmark:hover .bracket{transform:translate(-2px,-5px)}.wordmark:hover .bracket.flip{transform:rotate(180deg) translate(-2px,-5px)}.top-links{display:flex;align-items:center;gap:18px;font-size:.78rem}.link{color:var(--fjord);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.link:hover{border-bottom-color:var(--fjord)}.hero{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,11fr);gap:clamp(28px,5vw,64px);align-items:center}.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fjord);margin-bottom:18px}.eyebrow:before{content:"// ";color:var(--faint)}.headline{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.16;color:var(--bright);margin-bottom:20px}.cropword{position:relative;display:inline-block;padding:0 .12em}.cropword .mark,.frame .mark{position:absolute;width:.32em;height:.32em;border-color:var(--moss);border-style:solid;border-width:0}.frame .mark{width:12px;height:12px;border-color:var(--bright)}.mark.tl{top:-.26em;left:-.26em;border-top-width:2px;border-left-width:2px}.mark.tr{top:-.26em;right:-.26em;border-top-width:2px;border-right-width:2px}.mark.bl{bottom:-.26em;left:-.26em;border-bottom-width:2px;border-left-width:2px}.mark.br{bottom:-.26em;right:-.26em;border-bottom-width:2px;border-right-width:2px}.frame .mark.tl{top:-6px;left:-6px}.frame .mark.tr{top:-6px;right:-6px}.frame .mark.bl{bottom:-6px;left:-6px}.frame .mark.br{bottom:-6px;right:-6px}.sub{font-size:.82rem;line-height:1.75;color:var(--dim);max-width:52ch;margin-bottom:28px}.install-tabs{display:flex;gap:4px;margin-bottom:10px}.tab{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--faint);background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 12px;cursor:pointer;transition:color .2s ease,background .2s ease}.tab:hover{color:var(--cream)}.tab.active{color:var(--bright);background:#12161cb3;border-color:var(--hairline)}.tab:focus-visible{outline:2px solid var(--fjord);outline-offset:2px}.install{display:flex;align-items:stretch;border:1px solid var(--hairline);border-radius:8px;background:#12161cb3;overflow:hidden}.install-cmd{font-family:var(--mono);font-size:.72rem;min-width:0;padding:13px 14px;color:var(--cream);white-space:nowrap;overflow-x:auto;scrollbar-width:none;flex:1}.install-cmd .dollar{color:var(--bright);margin-right:2px}.copy{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--bright);background:var(--pane);border:0;border-left:1px solid var(--hairline);padding:0 18px;cursor:pointer;transition:background .2s ease,color .2s ease}.copy:hover{background:#232a34}.copy.done{color:var(--moss)}.copy:focus-visible,.link:focus-visible,.wordmark:focus-visible{outline:2px solid var(--fjord);outline-offset:3px}.install-alt{margin-top:12px;font-size:.74rem;color:var(--faint)}.install-alt code{color:var(--dim)}.demo{display:flex;flex-direction:column;align-items:center;gap:0}.specimen{align-self:flex-end;margin-right:clamp(12px,4%,48px);margin-bottom:-14px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}.frame{position:relative;width:var(--w, 236px);height:var(--h, 148px);border-radius:4px;overflow:hidden;box-shadow:0 18px 40px #080a0e8c;transition:width .7s cubic-bezier(.6,0,.2,1),height .7s cubic-bezier(.6,0,.2,1)}.frame svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--imgw, 236px);height:auto;transition:width .7s cubic-bezier(.6,0,.2,1),filter .6s ease;filter:var(--fx, none)}.frame .mark{overflow:visible;z-index:3;transition:opacity .3s ease}.spec-label{font-size:.72rem;display:flex;gap:10px;color:var(--faint);background:#12161cd9;border:1px solid var(--hairline);border-radius:6px;padding:6px 12px}.spec-label #specName{color:var(--bright)}.terminal{width:100%;background:var(--well);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 28px 60px #080a0e80;overflow:hidden}.term-bar{display:flex;align-items:center;gap:8px;background:var(--pane);padding:11px 16px;position:relative}.dot{width:11px;height:11px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.term-title{position:absolute;left:50%;transform:translate(-50%);font-size:.72rem;color:var(--faint)}.term-body{padding:20px 22px;height:clamp(250px,34vh,278px);font-size:.8rem;line-height:1.5;overflow:hidden;display:flex;flex-direction:column;gap:4px;transition:opacity .45s ease}.term-body.fading{opacity:0}.t-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-line .prompt{color:var(--bright)}.t-line .cmd{color:var(--cream)}.t-line.out{color:var(--dim);animation:rise .35s ease both}.t-line.out .ok{color:var(--moss)}.t-line.out .arrow{color:var(--fjord)}.t-line.out .strong{color:var(--cream)}.t-line.hint{color:var(--faint)}.cursor{display:inline-block;width:8px;height:1em;background:var(--bright);vertical-align:text-bottom;animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.facts{border-top:1px solid var(--hairline);padding-top:clamp(14px,2.5vh,24px);display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fact{display:flex;flex-direction:column;gap:4px;min-width:0}.fact-label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fjord)}.fact-value{font-size:.9rem;color:var(--bright)}.fact-note{font-size:.7rem;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footnote{grid-column:1 / -1;font-size:.7rem;color:var(--faint);margin-top:4px}.footnote em{color:var(--dim);font-style:italic}@media(min-width:901px){html,body{height:100%;overflow:hidden}.page{height:100svh}}@media(max-width:900px){.page{min-height:auto;gap:32px}.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:8px}.specimen{align-self:center;margin-right:0}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.facts{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.cursor,.t-line.out{animation:none}.frame,.frame svg,.bracket{transition:none}}