.hero{text-align:center;padding:2em 0 1em;position:relative}.hero-title{letter-spacing:-1px;margin:.5em 0 .3em;font-size:clamp(2em,6vw,3.2em);font-weight:800;line-height:1.1}.hero-subtitle{color:rgb(var(--gray));max-width:680px;margin:0 auto 1.5em;font-size:1.05em;line-height:1.6}.hero-inner{flex-direction:column;align-items:center;gap:2em;display:flex}.hero-terminal{justify-content:center;align-items:center;display:flex}.hero-content{flex-direction:column;align-items:center;display:flex}@media (width>=1080px){.hero-inner{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:3em;max-width:1400px;margin:0 auto;display:grid}.hero-terminal{justify-content:flex-end}.hero-content{text-align:left;align-items:flex-start}.hero-subtitle{margin:0 0 1.5em}.hero-ctas{justify-content:flex-start}}@media (width>=1440px){.hero-inner{gap:4em;max-width:1600px}}@media (width>=1920px){.hero-inner{gap:5em;max-width:1800px}}.hero-code-window{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;max-width:520px;font-family:var(--font-mono);background:#0f1117;margin:1em auto 0;font-size:.75em;overflow:hidden;box-shadow:0 4px 24px #0006}.code-window-bar{border-bottom:1px solid var(--border-light);background:#1a1c23;align-items:center;gap:6px;padding:8px 12px;display:flex}.window-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.window-path{color:rgb(var(--gray));font-size:.85em;font-family:var(--font-sans);margin-left:8px}.code-window-body{color:#e6edf3;padding:16px;line-height:1.7}.code-comment{color:#6b7b8d;font-style:italic}.code-prompt{color:var(--accent);font-weight:700}.code-cursor{color:#e6edf3}.cursor-blink{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:.75em;display:flex}.cta-primary{background:var(--gradient-hero);color:#0d0d12;border-radius:100px;padding:.65em 1.5em;font-size:.9em;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-primary:hover{color:#0d0d12;transform:translateY(-2px);box-shadow:0 4px 20px #ff6b3559}.cta-secondary{border:1px solid var(--border);color:rgb(var(--gray-dark));border-radius:100px;padding:.65em 1.5em;font-size:.9em;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:inline-block}.cta-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.section{margin:3.5em 0}.section-desc{color:rgb(var(--gray));margin:-.5em 0 1.5em;font-size:.95em}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1em;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;padding:1.25em;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.tool-card-header{align-items:center;gap:.5em;margin-bottom:.5em;display:flex}.tool-emoji{font-size:1.5em;line-height:1}.tool-name{color:#f0f6fc;margin:0;font-size:1em;font-weight:700}.tool-desc{color:rgb(var(--gray));flex:1;margin:0 0 .5em;font-size:.8em}.tool-reviews{color:var(--accent);font-size:.72em;font-weight:500}.featured-card{border-radius:var(--radius-lg);aspect-ratio:16/9;min-height:320px;text-decoration:none;display:block;position:relative;overflow:hidden}.featured-overlay{width:100%;height:100%;position:relative}.featured-bg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.featured-overlay:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000e0);height:75%;position:absolute;bottom:0;left:0;right:0}.featured-content{z-index:2;padding:1.5em 2em;position:absolute;bottom:0;left:0;right:0}.featured-badge{background:var(--gradient-hero);color:#0d0d12;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;margin-bottom:.5em;padding:.25em .75em;font-size:.7em;font-weight:700;display:inline-block}.featured-content h2{color:#f0f6fc;margin:0 0 .3em;font-size:1.6em}.featured-content p{color:#d2dae6cc;margin:0 0 .3em;font-size:.9em}.featured-date{color:rgb(var(--gray));font-size:.75em}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1em;display:grid}.stack-card{padding:1.5em}.stack-card-header{align-items:center;gap:.6em;margin-bottom:.5em;display:flex}.stack-emoji{font-size:1.3em}.stack-card-header h3{color:#f0f6fc;margin:0;font-size:1.1em}.stack-items{color:rgb(var(--gray));margin:0;font-size:.85em;line-height:1.5}.tag-cloud{flex-wrap:wrap;justify-content:center;gap:.5em;margin:0 0 2em;display:flex}.tag-pill{color:var(--accent);background:#ff6b3512;border:1px solid #ff6b3526;border-radius:100px;padding:.3em .85em;font-size:.78em;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-block}.tag-pill:hover{background:#ff6b351f;border-color:#ff6b354d;transform:translateY(-1px)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5em;display:grid}.post-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000040}.card-img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border-light);width:100%}.card-body{flex:1;padding:1.25em 1.5em 1.5em}.card-meta{color:rgb(var(--gray));margin-bottom:.3em;font-size:.75em}.card-body h3{color:#f0f6fc;margin:0 0 .4em;font-size:1.15em;transition:color .2s}.post-card:hover h3{color:var(--accent)}.card-desc{color:rgb(var(--gray));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75em;font-size:.85em;line-height:1.5;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:.4em;display:flex}.card-tag{color:var(--accent);cursor:pointer;background:#ff6b350f;border:1px solid #ff6b351f;border-radius:100px;padding:.15em .55em;font-size:.7em;font-weight:500;transition:background .2s,border-color .2s}.card-tag:hover{border-color:var(--accent);background:#ff6b351f}.view-all{text-align:center;margin-top:2.5em}.view-all-link{border:1px solid var(--border);color:rgb(var(--gray));border-radius:100px;padding:.5em 1.5em;font-size:.85em;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.view-all-link:hover{border-color:var(--accent);color:var(--accent)}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1em;display:grid}.explore-card{flex-direction:column;padding:1.5em;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.explore-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.explore-emoji{margin-bottom:.5em;font-size:1.8em}.explore-card h3{color:#f0f6fc;margin:0 0 .4em;font-size:1.05em}.explore-card p{color:rgb(var(--gray));flex:1;margin:0;font-size:.8em;line-height:1.5}@media (width>=1200px){.hero-title{font-size:3.2em}.featured-content{padding:2em 2.5em}.featured-content h2{font-size:2em}.tools-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.hero-code-window{font-size:.65em}.tools-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:1fr}.explore-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.tools-grid,.explore-grid{grid-template-columns:1fr}}