.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient:before{content:"";background:radial-gradient(#6366f114 0%,#0000 70%);width:60%;height:60%;animation:20s ease-in-out infinite alternate drift1;position:absolute;top:-20%;left:-10%}.ambient:after{content:"";background:radial-gradient(#8b5cf60f 0%,#0000 70%);width:50%;height:50%;animation:25s ease-in-out infinite alternate drift2;position:absolute;bottom:-20%;right:-10%}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(10%,15%)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-15%,-10%)}}.container{max-width:720px;padding:0 var(--space-6);margin:0 auto}.hero{padding:var(--space-24) 0 var(--space-16);text-align:center}@media (width<=640px){.hero{padding:var(--space-16) 0 var(--space-12)}}.hero-badge{background:var(--surface-1);border:1px solid var(--border-strong);color:var(--text-2);margin-bottom:var(--space-8);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.hero h1{letter-spacing:-.03em;margin-bottom:var(--space-4);background:linear-gradient(135deg, var(--text) 0%, var(--text-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,1.25rem + 3vw,3.5rem);font-weight:650;line-height:1.08}.hero p{color:var(--text-2);max-width:50ch;margin:0 auto;font-size:clamp(1rem,.75rem + .5vw,1.15rem);line-height:1.6}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;display:flex}.section-header h2{letter-spacing:-.01em;font-size:clamp(1.1rem,.75rem + .75vw,1.35rem);font-weight:600}.section-header .count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.8rem}.experiments{gap:var(--space-4);margin-bottom:var(--space-16);display:grid}.card{color:inherit;background:var(--surface-1);border:1px solid var(--border);padding:var(--space-6);transition:transform .25s var(--ease-out), border-color .25s ease, box-shadow .4s ease;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f108 0%,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:var(--border-strong);text-decoration:none;transform:translateY(-2px);box-shadow:0 0 40px #8b5cf60f,0 8px 32px #0000004d}.card:hover:before{opacity:1}.card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex;position:relative}.card-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.card-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#8b5cf61f;border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:600}.card-desc{color:var(--text-2);max-width:55ch;font-size:.9rem;line-height:1.5;position:relative}.card-meta{align-items:center;gap:var(--space-4);color:var(--text-3);margin-top:12px;font-size:.78rem;display:flex;position:relative}.card-arrow{opacity:0;transition:opacity .2s ease, transform .2s var(--ease-out);color:var(--text-3);font-size:1.1rem;position:absolute;top:50%;right:0;transform:translateY(-50%)translate(-4px)}.card:hover .card-arrow{opacity:1;transform:translateY(-50%)translate(0)}.reveal{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:60ms}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}.reveal:nth-child(5){transition-delay:.24s}.empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-3);border:1px dashed var(--border-strong);border-radius:12px}.empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:2.5rem}footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--border);text-align:center;color:var(--text-3);font-size:.8rem}footer p{margin:0 auto}footer p+p{margin-top:6px}footer a{color:var(--text-2);text-decoration:none;transition:color .15s}footer a:hover{color:var(--text);text-decoration:none}.footer-links{justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.subtle{color:var(--text-3);margin-top:4px}:root{--bg:#0c0c12;--surface-1:#14141e;--surface-2:#1c1c2a;--surface-3:#252536;--border:#9482ff14;--border-strong:#9482ff2e;--text:#e8e8ed;--text-2:#9898a6;--text-3:#5e5e70;--accent:#8b5cf6;--accent-2:#6366f1;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-expo:cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,.5rem + .75vw,1.125rem);font-weight:380;line-height:1.55;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}