:root{--glass-bg:rgba(255,255,255,0.3);--glass-border:rgba(0,0,0,0.05);--pet-accent:hsl(var(--primary))}.mono{font-family:JetBrains Mono,monospace}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);transition:all .5s cubic-bezier(.23,1,.32,1)}.glass-card:hover{border-color:hsl(var(--primary));box-shadow:0 0 30px hsla(var(--primary),.2);transform:translateY(-5px)}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.15;pointer-events:none}.orb-1{width:250px;height:250px;background:hsl(var(--primary));top:-50px;right:-50px;animation:float 20s infinite alternate}.orb-2{width:200px;height:200px;background:#ffca8a;bottom:10%;left:-30px;animation:float 15s infinite alternate-reverse}@media (min-width:1024px){.orb-1{width:400px;height:400px;top:-100px;right:-100px}.orb-2{width:300px;height:300px;bottom:10%;left:-50px}}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}@keyframes float-slow{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-15px) translateX(5px)}to{transform:translateY(0) translateX(0)}}@keyframes float-delayed{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(-5px)}to{transform:translateY(0) translateX(0)}}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite;animation-delay:1s}.step-number{font-size:3rem;font-weight:800;opacity:.1;position:absolute;top:5px;right:15px;color:hsl(var(--primary))}@media (min-width:1024px){.step-number{font-size:4rem;top:-10px;right:20px}}.pain-point{border-left:4px solid hsl(var(--destructive));background:hsla(var(--destructive),.05);transition:all .3s ease}.pain-point:hover{transform:translateY(-5px);box-shadow:0 10px 20px -5px hsla(var(--destructive),.2);border-color:hsl(var(--destructive)/.5)}.solution-point{border-left:4px solid hsl(var(--primary));background:hsla(var(--primary),.05);transition:all .3s ease}.solution-point:hover{transform:translateY(-5px);box-shadow:0 10px 20px -5px hsla(var(--primary),.2);border-color:hsl(var(--primary)/.5)}.reveal{opacity:0;transform:translateY(20px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}