body{font-family:var(--font-body);background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}.homepage-header{z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.homepage-logo{align-items:center;text-decoration:none;display:inline-flex}.homepage-logo-img{filter:none;width:auto;height:20px;display:block}.dark .homepage-logo-img{filter:invert()}.homepage-header .theme-toggle{box-shadow:0 1px 4px var(--shadow-subtle)}.grid-bg{background-image:radial-gradient(circle, var(--grid-dot) .7px, transparent .7px);opacity:.45;pointer-events:none;z-index:0;background-size:28px 28px;position:fixed;inset:0}.page-wrapper{z-index:1;max-width:800px;margin:0 auto;padding:0 24px;position:relative}.hero{text-align:center;padding-top:clamp(80px,14vh,140px);padding-bottom:56px}.hero-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.8rem;font-weight:500;animation:.6s both fadeUp;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;display:inline-block}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:16px;font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:400;line-height:1.15;animation:.6s .1s both fadeUp}.hero-title em{color:var(--accent);font-style:italic}.hero-sub{color:var(--ink-muted);margin-bottom:36px;font-size:1.05rem;font-weight:300;animation:.6s .2s both fadeUp}.search-wrapper{animation:.6s .3s both fadeUp}#home-search{--pagefind-ui-scale:1;--pagefind-ui-border-radius:var(--radius)}#home-search .pagefind-ui__form{position:relative}#home-search .pagefind-ui__search-input{box-shadow:0 1px 3px var(--shadow-subtle), 0 8px 24px var(--shadow-subtle);border-color:var(--border);background:var(--surface-raised);padding:18px 20px 18px 52px;font-size:1.05rem;font-weight:400;transition:box-shadow .25s,border-color .25s}#home-search .pagefind-ui__search-input:focus{box-shadow:0 1px 3px var(--shadow-subtle), 0 8px 32px var(--shadow-hover), 0 0 0 3px var(--accent-glow)}#home-search .pagefind-ui__search-clear{top:50%;transform:translateY(-50%)}#home-search .pagefind-ui__result{border-color:var(--border);padding:16px 0}#home-search .pagefind-ui__results-area{text-align:left;margin-top:8px}.topics{padding-bottom:64px;animation:.6s .45s both fadeUp}.topics-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:16px;display:flex}.topics-title{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:400}.browse-all{color:var(--accent);align-items:center;gap:6px;font-size:.85rem;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.browse-all:hover{gap:10px}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px;display:grid}.topic-card{background:var(--surface-raised);border:1px solid var(--border);color:inherit;animation:.5s both fadeUp;animation-delay:calc(.5s + var(--delay));border-radius:12px;align-items:flex-start;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.topic-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px var(--shadow-hover);transform:translateY(-1px)}.topic-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:1.15rem;display:flex}.topic-name{color:var(--ink);margin-bottom:2px;font-size:.92rem;font-weight:500;display:block}.topic-desc{color:var(--ink-faint);font-size:.82rem;font-weight:300;line-height:1.4;display:block}.ai-callout{background:linear-gradient(135deg, var(--accent-glow) 0%, transparent 100%);border:1px solid var(--accent);border-radius:14px;margin-bottom:48px;padding:20px 24px}.ai-callout-inner{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ai-callout-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);border:1px solid var(--accent);border-radius:100px;flex-shrink:0;padding:2px 10px;font-size:.7rem;font-weight:600}.ai-callout-text{color:var(--ink);flex:1;min-width:0;font-size:.92rem}.ai-callout-text strong{color:var(--ink)}.ai-callout-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-callout-btn{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;flex-shrink:0;padding:8px 18px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}.ai-callout-btn:hover{background:var(--accent-hover)}.ai-callout-btn-secondary{color:var(--accent);background:0 0}.ai-callout-btn-secondary:hover{background:var(--accent-glow)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=480px){.topics-grid{grid-template-columns:1fr}.topics-header{flex-direction:column;gap:8px}}