.hero{padding:6.5rem 2rem 4rem;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:center}.hero-text{display:flex;flex-direction:column}.hero-eyebrow{display:inline-flex;align-items:center;gap:.625rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-l);margin-bottom:1.5rem;font-family:var(--ff-mono)}.hero-eyebrow:before{content:"";width:18px;height:1px;background:var(--purple)}.hero-text h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem;background:linear-gradient(160deg,var(--text) 40%,var(--muted2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.075rem;color:var(--muted2);max-width:560px;line-height:1.75}.viz-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;user-select:none}.viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.viz-label{font-family:var(--ff-mono);font-size:.72rem;color:var(--purple-l)}.viz-step{font-family:var(--ff-mono);font-size:.68rem;color:var(--muted)}.viz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.viz-token{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:6px;height:38px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .4s}.viz-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .35s ease}.viz-mask:after{content:"";display:block;width:56%;height:7px;background:var(--border-hi);border-radius:3px;animation:viz-shimmer 1.8s ease-in-out infinite}@keyframes viz-shimmer{0%,to{opacity:.4}50%{opacity:.85}}.viz-word{font-family:var(--ff-mono);font-size:.67rem;color:var(--purple-l);opacity:0;transition:opacity .35s ease;position:relative;z-index:1;white-space:nowrap}.viz-token.revealed{border-color:#8b5cf661}.viz-token.revealed .viz-mask{opacity:0}.viz-token.revealed .viz-word{opacity:1}.viz-token.flash{animation:viz-flash .4s ease}@keyframes viz-flash{0%{background:#8b5cf638}to{background:var(--surface)}}.viz-footer{margin-top:1rem}.viz-progress{height:2px;background:var(--border);border-radius:1px;overflow:hidden}.viz-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:1px;width:0%;transition:width .2s ease}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-viz{display:none}}@media(max-width:640px){.hero{padding:5rem 1.25rem 3rem}.posts-section{padding:0 1.25rem 5rem}.post-card{padding:1.25rem}.post-card.featured{padding:1.5rem 1.25rem}.post-card h3{font-size:1.05rem}.post-card.featured h3{font-size:1.2rem}.post-meta{flex-wrap:wrap;gap:.5rem}}.posts-section{max-width:860px;margin:0 auto;padding:0 2rem 7rem}.section-rule{display:flex;align-items:center;gap:.875rem;margin-bottom:2rem}.section-rule h2{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-family:var(--ff-mono)}.section-rule:after{content:"";flex:1;height:1px;background:var(--border)}.post-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 2rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;margin-bottom:1rem;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--purple-dim) 0%,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.post-card:hover{border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 8px 40px #8b5cf61a;text-decoration:none}.post-card:hover:before{opacity:1}.post-featured-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--amber);background:#f59e0b17;border:1px solid rgba(245,158,11,.22);border-radius:4px;padding:.18rem .55rem;margin-bottom:.875rem;font-family:var(--ff-mono)}.post-card .tags{margin-bottom:.875rem}.post-card h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem;line-height:1.3}.post-card p{font-size:.875rem;color:var(--muted2);line-height:1.65;margin-bottom:1.25rem}.post-meta{display:flex;align-items:center;gap:1.25rem;font-size:.775rem;color:var(--muted)}.post-arrow{margin-left:auto;color:var(--purple-l);font-size:1.1rem;transition:transform .2s}.post-card:hover .post-arrow{transform:translate(4px)}.post-card.featured{border-color:#8b5cf659;background:linear-gradient(135deg,rgba(139,92,246,.06) 0%,var(--card) 60%);padding:2.25rem 2.5rem}.post-card.featured h3{font-size:1.45rem}.post-card.featured p{font-size:.9rem;max-width:680px}#posts-sentinel{height:1px}.search-wrap{position:relative;margin-bottom:1.25rem}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none}.search-input{width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;font-family:var(--ff-sans, inherit);padding:.7rem .9rem .7rem 2.5rem;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-status{font-family:var(--ff-mono);font-size:.72rem;color:var(--muted);margin-bottom:1rem}.search-empty{text-align:center;padding:3.5rem 0;color:var(--muted);font-size:.9rem;line-height:1.7}.search-empty strong{color:var(--text2)}.post-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--purple-l));border-radius:0 2px 0 0;pointer-events:none}footer{border-top:1px solid var(--border);padding:1.75rem 2rem;text-align:center;font-size:.775rem;color:var(--muted)}