:root{--bg: #050505;--text-main: #f0f0f0;--text-muted: #555;--accent: #ff007f;--accent-glow: rgba(255, 0, 127, .15)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}#audio-spine{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.content-layer{position:relative;z-index:1;width:100%}h1,h2,h3{text-transform:uppercase;line-height:.9;letter-spacing:-.04em}.huge-text{font-size:clamp(3rem,8vw,8rem);font-weight:900}.large-text{font-size:clamp(1.5rem,4vw,3.5rem);font-weight:700}.body-text{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:300;line-height:1.4;max-width:400px}.accent-text{color:var(--accent);margin-bottom:2rem}.pink-gradient-text{background:linear-gradient(to right,#ffffff,var(--accent),#ff80bf);-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:textShine 4s linear infinite}@keyframes textShine{to{background-position:200% center}}.tight-glow{position:relative}.tight-glow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle closest-side,var(--accent-glow),transparent);z-index:-1;filter:blur(20px);opacity:0;transition:opacity .5s ease}.tight-glow:hover:before{opacity:1}section{min-height:100vh;display:flex;padding:5vw;position:relative}.hero{flex-direction:column;justify-content:center;align-items:flex-start}.hero .subtext{margin-top:2rem;color:var(--text-muted);margin-left:.5vw}.entry-point{margin-top:3rem;display:flex;flex-direction:column;gap:1rem;max-width:500px}.upload-zone{padding:2rem 3rem;border:1px dashed rgba(255,0,127,.4);border-radius:16px;cursor:pointer;transition:border-color .3s ease,background .3s ease}.upload-zone:hover{border-color:var(--accent);background:#ff007f08}.upload-zone p{font-size:1rem;color:var(--text-muted);font-weight:300}.upload-zone p span{color:var(--accent)}.or-divider{font-size:.85rem;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:2px}.url-input{display:flex;gap:.5rem}.url-input input{flex:1;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-main);font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:border-color .3s ease}.url-input input::placeholder{color:var(--text-muted)}.url-input input:focus{border-color:var(--accent)}.url-input button{padding:1rem 1.5rem;background:var(--accent);border:none;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .3s ease}.url-input button:hover{opacity:.85}.story-section{display:block;min-height:300vh}.story-step{height:100vh;display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;opacity:.2;transition:opacity .8s ease,transform .8s ease;transform:translateY(50px)}.story-step.active{opacity:1;transform:translateY(0)}.step-left{align-items:flex-start;text-align:left}.step-right{align-items:flex-end;text-align:right;padding-left:50vw}.step-center{align-items:center;text-align:center}.outputs{flex-direction:column;justify-content:center;align-items:center;text-align:center}.output-list{display:flex;flex-direction:column;gap:1rem;margin-top:4rem}.output-item{font-size:clamp(1.5rem,3.5vw,3rem);font-weight:900;color:var(--text-muted);transition:color .3s ease,transform .3s ease;cursor:default;text-transform:uppercase;display:flex;align-items:center;gap:1rem}.output-item:hover{color:#fff;transform:scale(1.05) translate(20px)}.output-item:hover span.label{color:var(--accent)}.output-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.output-item:nth-child(2) .output-dot{animation-delay:.3s}.output-item:nth-child(3) .output-dot{animation-delay:.6s}.output-item:nth-child(4) .output-dot{animation-delay:.9s}.output-item:nth-child(5) .output-dot{animation-delay:1.2s}.cta-section{justify-content:center;align-items:center;flex-direction:column}.btn{margin-top:3rem;padding:1.5rem 3rem;background:transparent;border:1px solid var(--accent);color:#fff;font-family:Inter,sans-serif;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:color .3s ease;border-radius:50px;text-decoration:none;display:inline-block}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:transform .5s cubic-bezier(.19,1,.22,1);z-index:-1}.btn:hover:before{transform:translate(100%)}.synapse-nav{position:fixed;top:0;width:100%;padding:2rem 5vw;display:flex;justify-content:space-between;z-index:100;mix-blend-mode:difference}.synapse-nav .logo-wrap{display:flex;align-items:baseline;gap:.75rem;text-decoration:none;color:inherit}.synapse-nav .logo{font-weight:900;font-size:1.5rem;letter-spacing:-1px}.synapse-nav .logo-sub{font-size:.75rem;letter-spacing:2px;text-transform:lowercase;opacity:.6;font-weight:400}.synapse-nav .menu{display:flex;gap:2rem}.synapse-nav .menu a{color:inherit;text-decoration:none}.site-footer{padding:3rem 5vw;border-top:1px solid rgba(255,255,255,.08);min-height:auto}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-brand{font-weight:900;font-size:1.2rem;letter-spacing:-1px}.footer-brand-sub{font-weight:400;font-size:.85rem;letter-spacing:0;opacity:.6;margin-left:.25rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{font-size:.8rem;color:var(--text-muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}