:root{--bg: #07090c;--surface: #0d1117;--surface2: #131a22;--border: rgba(56, 189, 160, .14);--accent: #38bda0;--accent2: #f97316;--accent3: #818cf8;--text: #e2e8f0;--muted: #4b5e6e;--glow: rgba(56, 189, 160, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-weight:300;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,160,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,160,.025) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:900px;height:500px;background:radial-gradient(ellipse at center,rgba(56,189,160,.07) 0%,transparent 70%);pointer-events:none;z-index:0}header{position:relative;z-index:10;max-width:1080px;margin:0 auto;padding:56px 40px 36px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px}.eyebrow{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}h1{font-family:Bebas Neue,sans-serif;font-size:clamp(56px,9vw,108px);line-height:.88;letter-spacing:.02em}h1 em{color:var(--accent);font-style:normal}.host-pill{font-family:Space Mono,monospace;font-size:11px;color:var(--muted);padding:7px 14px;border:1px solid var(--border);border-radius:4px;background:var(--surface);letter-spacing:.06em;align-self:flex-start}.host-pill b{color:var(--accent);font-weight:700}.sub{position:relative;z-index:10;max-width:1080px;margin:0 auto;padding:0 40px 52px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sub-text{font-size:14.5px;color:var(--muted);line-height:1.75}.live-badge{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(56,189,160,.2);border-radius:100px;background:#38bda00d;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--accent);white-space:nowrap}.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:blink 2.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tip-wrap{position:relative;z-index:10;max-width:1080px;margin:0 auto 48px;padding:0 40px}.tip{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:16px 22px;font-family:Space Mono,monospace;font-size:11.5px;color:var(--muted);line-height:1.65}.tip b{color:var(--text)}.tip code{background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:1px 6px;color:var(--accent);font-size:11px}.filter-bar{position:relative;z-index:10;max-width:1080px;margin:0 auto;padding:0 40px 32px;display:flex;gap:8px;flex-wrap:wrap}.filter-btn{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 18px;border-radius:100px;background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:color .18s,border-color .18s,background .18s}.filter-btn:hover{color:var(--text);border-color:#38bda04d}.filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-btn-active{background:#38bda014;border-color:var(--accent);color:var(--accent)}.cards{position:relative;z-index:10;max-width:1080px;margin:0 auto;padding:0 40px 100px}.section-label{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.32em;color:var(--muted);text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:14px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px 26px 22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:border-color .22s,transform .22s,box-shadow .22s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ca, var(--accent)),transparent);opacity:0;transition:opacity .22s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 44px #00000073}.card:hover:before{opacity:1}.card[data-kind=addon]{--ca: var(--accent)}.card[data-kind=dashboard]{--ca: var(--accent2)}.card[data-kind=tool]{--ca: var(--accent)}.card[data-kind=addon]:hover{border-color:#38bda061}.card[data-kind=dashboard]:hover{border-color:#f9731661}.card[data-kind=tool]:hover{border-color:#38bda061}.card[data-theme=indigo]{--ca: var(--accent3)}.card[data-theme=indigo]:hover{border-color:#818cf861}.card-top{display:flex;align-items:center;gap:13px}.card-icon{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:var(--surface2);border:1px solid var(--border)}.card-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.card-title{font-weight:600;font-size:16px}.card-kind{font-family:Space Mono,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;color:var(--ca, var(--accent))}.card-desc{font-size:13px;color:var(--muted);line-height:1.7;flex:1}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.08em;padding:3px 9px;border-radius:3px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);text-transform:uppercase}.manifest-box{font-family:Space Mono,monospace;font-size:9.5px;color:var(--muted);word-break:break-all;line-height:1.55;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:5px}.manifest-box span{color:var(--accent)}.manifest-box small{font-size:9px;color:#2e4050}.card-actions{display:flex;flex-wrap:nowrap;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:7px;font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.07em;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;cursor:pointer;border:1px solid transparent}.btn-teal{background:var(--accent);color:#07090c}.btn-orange{background:var(--accent2);color:#07090c}.btn-indigo{background:var(--accent3);color:#07090c}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-teal:hover{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:0 0 18px var(--glow)}.btn-orange:hover{background:transparent;color:var(--accent2);border-color:var(--accent2)}.btn-indigo:hover{background:transparent;color:var(--accent3);border-color:var(--accent3)}.btn-ghost:hover{color:var(--text);border-color:#38bda04d}.btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}footer{position:relative;z-index:10;border-top:1px solid var(--border);max-width:1080px;margin:0 auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}footer p{font-family:Space Mono,monospace;font-size:10.5px;color:var(--muted)}footer a{color:var(--accent);text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}header{animation:fadeUp .55s ease both}.sub{animation:fadeUp .55s .08s ease both}.tip-wrap{animation:fadeUp .55s .16s ease both}.cards{animation:fadeUp .55s .24s ease both}footer{animation:fadeUp .55s .32s ease both}.card{animation:fadeUp .5s ease both}.card:nth-child(1){animation-delay:.28s}.card:nth-child(2){animation-delay:.35s}.card:nth-child(3){animation-delay:.42s}.card:nth-child(4){animation-delay:.49s}.card:nth-child(5){animation-delay:.56s}.card:nth-child(6){animation-delay:.63s}@media (max-width: 640px){header,.sub,.tip-wrap,.filter-bar,.cards,footer{padding-left:18px;padding-right:18px}.card-grid{grid-template-columns:1fr}h1{font-size:68px}}