.hero{background:linear-gradient(135deg,var(--bg) 0%,var(--bg3) 100%);border-bottom:1px solid var(--border);padding:4rem 1.5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(245,158,11,.05) 0%,transparent 70%);pointer-events:none}.hero-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-grid>*,.hero-terminal-wrap>*,.term-body{min-width:0}.hero-label{font-family:var(--mono);font-size:.72rem;color:var(--accent);letter-spacing:.2em;margin-bottom:1rem}.hero-text h1{font-family:var(--display);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.05;margin-bottom:1rem;letter-spacing:-.03em;color:var(--text)}.hero-text h1 span{color:var(--accent)}.hero-text p{color:var(--muted);max-width:420px;font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.hero-stats{display:flex;align-items:center;gap:1.5rem;margin-top:.5rem}.stat-num{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-family:var(--mono);font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem}.stat-div{width:1px;height:2.5rem;background:var(--border)}.stat-live .stat-num{color:#22c55e;position:relative;padding-left:1.05rem}.stat-live .stat-num:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:stat-live-pulse 1.8s ease-in-out infinite}@keyframes stat-live-pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e99}50%{opacity:.4;box-shadow:0 0 0 6px #22c55e00}}.hero-terminal-wrap{display:flex;flex-direction:column;gap:.8rem}.hero-terminal{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-family:var(--mono);font-size:.82rem;box-shadow:0 20px 60px #0000004d}.term-bar{background:var(--bg3);padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.term-bar>span{width:10px;height:10px;border-radius:50%;background:var(--border)}.term-bar code{margin-left:auto;color:var(--muted);font-size:.72rem;transition:color .3s}.term-live{width:7px!important;height:7px!important;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8099;animation:term-pulse 1.8s ease-in-out infinite;margin-left:.6rem}@keyframes term-pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8099}50%{opacity:.4;box-shadow:0 0 0 5px #4ade8000}}.term-body{padding:1.1rem 1rem;min-height:215px;display:flex;flex-direction:column;gap:.7rem;overflow-x:auto}.term-cmd-line{font-size:.82rem;line-height:1.4;white-space:nowrap}.term-output{margin:0;padding:0;font-family:var(--mono);font-size:.74rem;color:var(--text);line-height:1.55;white-space:pre;transition:opacity .25s}.term-output .o-mute{color:var(--muted)}.term-output .o-up{color:#4ade80}.term-output .o-warn{color:#f59e0b}.term-output .o-bad{color:#ef4444}.term-output .o-key{color:var(--accent)}.c-green{color:#4ade80}.c-amber{color:var(--accent);padding-left:.5rem}.cursor{display:inline-block;animation:blink 1s step-end infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.term-caption{display:flex;align-items:flex-start;gap:.6rem;font-family:var(--mono);font-size:.74rem;color:var(--muted);line-height:1.55;min-height:3.2rem;padding:0 .2rem}.term-role{flex-shrink:0;font-size:.62rem;font-weight:800;padding:.18rem .5rem;border-radius:3px;letter-spacing:.08em;text-transform:uppercase;background:var(--bg2);border:1px solid var(--border);color:var(--muted);transition:all .25s}.term-role.role-leaf{background:#4ade801a;border-color:#4ade8059;color:#4ade80}.term-role.role-spine{background:#60a5fa1a;border-color:#60a5fa59;color:#60a5fa}.term-role.role-bgw{background:#f59e0b1a;border-color:#f59e0b59;color:var(--accent)}.term-role.role-edge{background:#a78bfa1a;border-color:#a78bfa59;color:#a78bfa}.term-cap-text{transition:opacity .25s}.term-cap-link{color:var(--accent);text-decoration:none;font-weight:700;white-space:nowrap}.term-cap-link:hover{text-decoration:underline}.term-finder{position:relative;font-family:var(--mono)}.term-finder-row{display:flex;align-items:center;gap:.6rem}#term-search{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--mono);font-size:.76rem;padding:.5rem .75rem;transition:border-color .15s}#term-search::placeholder{color:var(--muted);opacity:.8}#term-search:focus{outline:none;border-color:var(--accent)}.term-finder-status{display:flex;align-items:center;gap:.5rem;font-size:.68rem;color:var(--muted);white-space:nowrap}.tf-paused{color:var(--accent);font-weight:700}#term-resume,#term-copylink{background:var(--bg2);border:1px solid var(--border);border-radius:5px;color:var(--muted);font-family:var(--mono);font-size:.68rem;padding:.25rem .6rem;cursor:pointer;transition:all .15s;white-space:nowrap}#term-resume:hover,#term-copylink:hover{border-color:var(--accent);color:var(--accent)}.term-finder-list{position:fixed;z-index:300;list-style:none;margin:0;padding:.3rem;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #00000059;max-height:min(280px,40vh);overflow-y:auto}.tf-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:5px;cursor:pointer;font-size:.74rem}.tf-item:hover,.tf-item.tf-active{background:var(--bg3)}.tf-item code{color:var(--text);font-weight:600}.tf-item.tf-active code,.tf-item:hover code{color:var(--accent)}.tf-role{flex-shrink:0;font-size:.56rem;font-weight:800;padding:.14rem .4rem;border-radius:3px;letter-spacing:.07em;text-transform:uppercase;background:var(--bg3);border:1px solid var(--border);color:var(--muted)}.tf-role.role-leaf{background:#4ade801a;border-color:#4ade8059;color:#4ade80}.tf-role.role-bgw{background:#f59e0b1a;border-color:#f59e0b59;color:var(--accent)}.tf-role.role-edge{background:#a78bfa1a;border-color:#a78bfa59;color:#a78bfa}.tf-empty{padding:.6rem;color:var(--muted);font-size:.72rem;font-style:italic}.cat-nav{display:flex;flex-wrap:wrap;gap:.6rem}.cat-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.78rem;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:.45rem .9rem;text-decoration:none;color:var(--text);transition:all .15s}.cat-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--bg3)}.cat-pill--tools{border-color:#f59e0b4d;color:var(--accent)}.cat-pill--tools:hover{background:#f59e0b14}.cat-pill--tags{color:var(--muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-family:var(--mono);font-size:.85rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.tools-promo{margin-bottom:3.5rem}.tools-promo-cta{font-family:var(--mono);font-size:.78rem;color:var(--accent);text-decoration:none;padding:.35rem .85rem;border:1px solid var(--border);border-radius:4px;transition:border-color .15s,background .15s}.tools-promo-cta:hover{border-color:var(--accent);background:var(--bg3)}.tools-promo-blurb{color:var(--muted);line-height:1.65;margin:0 0 1.5rem;max-width:720px;font-size:.95rem}.tools-promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}.tools-promo-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .85rem;background:var(--bg2);border:1px solid var(--border);border-radius:6px;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease}.tools-promo-tile:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--bg3)}.tools-promo-icon{font-size:1.7rem;line-height:1;margin-bottom:.45rem}.tools-promo-name{font-family:var(--mono);font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.02em;margin-bottom:.25rem;text-transform:lowercase}.tools-promo-desc{font-family:var(--mono);font-size:.68rem;color:var(--muted);line-height:1.4}.grid-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.grid-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.post-card--featured{border-color:#f59e0b40;border-left:3px solid rgba(245,158,11,.5);padding-left:1.85rem}.featured-star{font-family:var(--mono);font-size:.68rem;color:var(--accent);letter-spacing:.05em}.post-title{font-family:var(--display);font-size:1.05rem;font-weight:700;margin-bottom:.4rem;line-height:1.3}.post-title a{color:var(--text);text-decoration:none}.post-title a:hover{color:var(--accent)}.post-title--sm{font-size:.95rem}.post-desc{color:var(--muted);font-size:.85rem;line-height:1.55;margin-bottom:.75rem}.post-desc--sm{font-size:.82rem;margin-bottom:.6rem}.tag-link{font-family:var(--mono);font-size:.65rem;color:var(--muted);text-decoration:none;background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:.1em .4em;transition:all .1s}.tag-link:hover{color:var(--accent);border-color:var(--accent)}.tag-pill-home{font-family:var(--mono);font-size:.78rem;color:var(--muted);text-decoration:none;background:var(--bg2);border:1px solid var(--border);border-radius:5px;padding:.35rem .75rem;transition:all .15s;display:inline-flex;align-items:center;gap:.4rem}.tag-pill-home:hover{color:var(--accent);border-color:var(--accent);background:var(--bg3)}.tag-count-home{font-size:.65rem;background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:.05em .35em}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-text p{max-width:100%}.hero{padding:2.5rem 1.5rem}.hero-terminal{font-size:.74rem}.term-body{padding:.9rem .85rem;min-height:195px}.term-cmd-line{font-size:.74rem}.term-output{font-size:.66rem}.term-caption{font-size:.7rem;min-height:3.6rem}}