:root{--bg:#ebebeb;--fg:#000;--border:#000;--mono:"IBM Plex Mono", monospace;--display:"Antonio", sans-serif;--sans:"Inter", sans-serif}*{box-sizing:border-box;cursor:crosshair;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.frame{border:1px solid var(--border);pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0}main{flex-direction:column;gap:1rem;min-height:100vh;padding:1rem;display:flex}.header-meta{font-family:var(--mono);text-transform:uppercase;border-bottom:1px solid var(--fg);justify-content:space-between;align-items:center;padding-bottom:2rem;font-size:10px;display:flex}.header-links{gap:.5rem;display:flex}.header-btn{color:var(--bg);background:var(--fg);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem;font-size:10px;text-decoration:none;transition:opacity .15s}.header-btn:hover{opacity:.8}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:4rem 0;display:flex}.hero-title{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2rem;font-size:18vw;line-height:.8}.hero-subtitle{font-family:var(--mono);max-width:600px;margin-top:2rem;font-size:12px;line-height:1.5}.terminal-container{border-top:1px solid var(--fg);flex-grow:1;margin-top:auto;display:flex}.terminal-actions{background:#000;border-bottom:1px solid #222;flex-direction:column;gap:.5rem;padding:.75rem 2rem;display:flex}.install-btn{font-family:var(--mono);color:#00ff41;cursor:pointer;background:0 0;border:1px solid #00ff41;padding:.5rem 1rem;font-size:12px;transition:background .15s,color .15s}.install-btn:hover{color:#000;background:#00ff41}.install-btn:disabled{color:#444;cursor:not-allowed;border-color:#444}.install-btn:disabled:hover{color:#444;background:0 0}.terminal-core{color:#fff;background:#000;flex-direction:column;flex:1;width:100%;min-height:500px;padding:2rem;display:flex;position:relative}.terminal-header{font-family:var(--mono);color:#888;justify-content:space-between;margin-bottom:1rem;font-size:10px;display:flex}.terminal-xterm{flex-grow:1;overflow:hidden}.data-grid{border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);grid-template-columns:repeat(3,1fr);display:grid}.docs-section{flex-direction:column;align-items:center;gap:2rem;padding:3rem 0 1rem;display:flex}.docs-header{flex-direction:column;gap:.75rem;width:100%;max-width:760px;display:flex}.docs-kicker,.docs-card-kicker,.docs-card-meta{font-family:var(--mono);text-transform:uppercase;font-size:10px}.docs-title{font-family:var(--sans);font-size:clamp(2rem,3vw,2.75rem);font-weight:700;line-height:1.1}.docs-copy,.docs-card-copy{font-family:var(--sans);font-size:15px;line-height:1.7}.docs-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:960px;display:grid}.docs-card{background:#fff;border:1px solid #d5d5d5;flex-direction:column;gap:.875rem;min-width:0;padding:1.5rem;display:flex}.docs-card-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.docs-card-kicker{letter-spacing:.08em;font-size:11px}.docs-card-meta{color:#666}.docs-block{flex-direction:column;gap:.5rem;display:flex}.docs-block-label{font-family:var(--mono);text-transform:uppercase;color:#555;font-size:11px}.docs-code{color:#111;min-width:0;font-family:var(--mono);white-space:pre;background:#f7f7f7;border:1px solid #e2e2e2;padding:1rem;font-size:12px;line-height:1.55;overflow-x:auto}.grid-item{border-right:1px solid var(--fg);flex-direction:column;gap:1rem;padding:2rem;display:flex}.grid-item:last-child{border-right:none}.grid-label{font-family:var(--mono);text-transform:uppercase;font-size:10px}.grid-value{font-family:var(--display);font-size:3rem;line-height:1}.dot-matrix{grid-template-columns:repeat(10,4px);gap:4px;display:grid}.dot{background:var(--fg);border-radius:50%;width:4px;height:4px}footer{font-family:var(--mono);justify-content:space-between;align-items:center;padding:2rem 0;font-size:10px;display:flex}.marquee{white-space:nowrap;font-family:var(--mono);border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);margin:1rem 0;padding:.5rem 0;font-size:12px;overflow:hidden}.marquee-content{animation:20s linear infinite scroll;display:inline-block}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1024px){.terminal-container{flex-direction:column}.hero-title{font-size:25vw}.grid-value{font-size:2rem}}