:root{--c-a: #a855f7;--c-b: #ec4899;--c-c: #7c3aed;--c-d: #f97316}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;background:radial-gradient(1200px 800px at 18% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(1000px 700px at 112% 18%,rgba(236,72,153,.22),transparent 55%),linear-gradient(180deg,#0b0b16,#0d0a1f 45%,#0a0a14);background-attachment:fixed;-webkit-font-smoothing:antialiased}#motion-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#motion-canvas canvas{display:block}main{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 24px}.eyebrow{letter-spacing:.35em;text-transform:uppercase;font-size:12px;color:#c4b5fd;margin:0 0 18px}.hero-title{font-size:clamp(38px,7vw,76px);line-height:1.08;margin:0;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin:22px 0 0;font-size:clamp(14px,2vw,18px);color:#ffffffc7}.hero-hint{margin-top:60px;font-size:13px;color:#ffffff80;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.motion-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:12vh 24px 8vh}.section-head{text-align:center;max-width:680px}.section-head h2{font-size:clamp(28px,4.5vw,46px);margin:0 0 14px;font-weight:750;background:linear-gradient(135deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head p{margin:0;color:#ffffffa8;font-size:clamp(14px,1.8vw,17px);line-height:1.6}.demo-footer{padding:60px 24px 80px;text-align:center;color:#ffffff73;font-size:13px}@media (max-width: 640px){.motion-section{padding:10vh 18px}}