.bab-track{-webkit-font-smoothing:antialiased;font-family:"DM Sans",var(--font-dm-sans),system-ui,sans-serif;color:#0a0a0a;background-color:#fff}.bab-track .font-display{font-family:"Outfit",var(--font-outfit),sans-serif}.bab-track .font-mono{font-family:"JetBrains Mono",var(--font-jetbrains),monospace}.bab-track .text-primary{color:#0a0a0a}.bab-track .text-secondary{color:#525252}.bab-track .bg-surface{background-color:#fafafa}.bab-track .noise-overlay{pointer-events:none;z-index:90;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.bab-track .grid-pattern{z-index:0;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.bab-track .orb{filter:blur(100px);opacity:.5;z-index:0;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.bab-track .orb-1{background:#f5f5f5;width:300px;height:300px;top:-10%;left:-15%}.bab-track .orb-2{background:#eee;border:1px solid #f0f0f0;width:250px;height:250px;animation-delay:-5s;bottom:-5%;right:-15%}@media (min-width:768px){.bab-track .orb-1{width:700px;height:700px;top:-20%;left:-10%}.bab-track .orb-2{width:600px;height:600px;bottom:-10%;right:-10%}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.bab-track .spotlight-card{background:#fff;border:1px solid #e5e5e5;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.bab-track .spotlight-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x)var(--mouse-y),#00000008,transparent 40%);opacity:0;pointer-events:none;z-index:2;transition:opacity .5s;position:absolute;inset:0}.bab-track .spotlight-card:hover:before{opacity:1}.bab-track .spotlight-card:hover{border-color:#000;transform:translateY(-2px);box-shadow:0 10px 40px #0000000d}.bab-track .text-gradient{background:linear-gradient(135deg,#000 0%,#666 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.bab-track .glass-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.08em;color:#444;background:#fffc;border:1px solid #e5e5e5;border-radius:99px;padding:6px 14px;font-size:.7rem;font-weight:600}.bab-track .code-snippet{font-family:"JetBrains Mono",var(--font-jetbrains),monospace;color:#333;font-size:.8rem}.bab-track .code-keyword{color:#000;font-weight:700}.bab-track .code-string{color:#666;font-style:italic}.bab-track .code-comment{color:#999}.bab-track .reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(20px)}.bab-track .reveal.active{opacity:1;transform:translateY(0)}.bab-track .stagger-1{transition-delay:.1s}.bab-track .stagger-2{transition-delay:.2s}.bab-track .stagger-3{transition-delay:.3s}.bab-track .bento-grid{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}.bab-track .bento-grid>.spotlight-card{min-height:auto}@media (min-width:768px){.bab-track .bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(200px,auto);gap:24px}.bab-track .col-span-12{grid-column:span 12}.bab-track .col-span-7{grid-column:span 7}.bab-track .col-span-8{grid-column:span 8}.bab-track .col-span-6{grid-column:span 6}.bab-track .col-span-5{grid-column:span 5}.bab-track .col-span-4{grid-column:span 4}.bab-track .row-span-2{grid-row:span 2}}@media (max-width:767px){.bab-track .bento-grid .col-span-4,.bab-track .bento-grid .col-span-5,.bab-track .bento-grid .col-span-6,.bab-track .bento-grid .col-span-7,.bab-track .bento-grid .col-span-8,.bab-track .bento-grid .col-span-12{grid-column:1/-1}.bab-track .bento-grid .w-10{width:2rem;height:2rem}.bab-track .bento-grid .mb-6{margin-bottom:1rem}.bab-track .bento-grid .why-synth{box-shadow:none;background:0 0;border:none;padding:12px 0 16px}.bab-track .bento-grid .why-synth:before{opacity:0;background:0 0}.bab-track .bento-grid .mobile-order-1{order:1}.bab-track .bento-grid .mobile-order-2{order:2}.bab-track .bento-grid .mobile-order-3{order:3}.bab-track .bento-grid .mobile-order-4{order:4}.bab-track .bento-grid .mobile-order-5{order:5}.bab-track .bento-grid .mobile-order-6{order:6}.bab-track .bento-grid .mobile-order-7{order:7}}.bab-track .bab-eq{align-items:flex-end;gap:3px;height:12px;display:inline-flex}.bab-track .bab-eq-bar{transform-origin:bottom;background-color:currentColor;border-radius:999px;width:2px;height:6px;animation:1s ease-in-out infinite bab-eq}.bab-track .bab-eq-bar:nth-child(2){height:10px;animation-delay:.15s}.bab-track .bab-eq-bar:nth-child(3){height:8px;animation-delay:.3s}@keyframes bab-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}