.threedee{transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .2s;transform:scale(.75)rotateY(-30deg)rotateX(45deg)translateZ(4.5rem);box-shadow:1rem 1rem 2rem #00000040}.threedee:hover{transition:transform;transform:scale(1)}.threedee:before{transform:translateZ(4rem)}.threedee:before:hover{transform:translateZ(0)}.threedee:after{transform:translateZ(-4rem)}.threedee:after:hover{transform:translateZ(-1px)}.revealable{opacity:0;transition:all .2s;transform:translateY(50px)}@media (min-width:768px){.revealable-staggered:first-child{transition-delay:0s}.revealable-staggered:nth-child(2){transition-delay:.2s}.revealable-staggered:nth-child(3){transition-delay:.4s}.revealable-staggered:nth-child(4){transition-delay:.6s}}.reveal{opacity:1;filter:blur();transition:all;transform:translateY(0)}.planning-section{isolation:isolate;position:relative}.planning-column{position:relative;overflow:hidden}.planning-line{opacity:0;transform-origin:top;border-radius:9999px;width:4px;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:1rem;bottom:1rem;left:2.7rem;transform:scaleY(0)}.planning-line-active{opacity:1;transition:transform cubic-bezier(.22,1,.36,1),opacity;transform:scaleY(1)}@media (min-width:768px){.planning-line{left:3rem}}.planning-line-before{background:linear-gradient(#f43f5e33,#f43f5e99)}.planning-line-after{background:linear-gradient(#10b98140,#2dd4bfa6)}.planning-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #94a3b82e;border-radius:1.5rem;padding:1.5rem;position:relative;overflow:hidden;transform:translateY(28px)scale(.96)}.dark .planning-card{background:linear-gradient(135deg,#0f172a,#0f172a);border-color:#94a3b833}.planning-card-before{box-shadow:0 12px 45px -35px #f43f5e66}.planning-card-after{box-shadow:0 12px 50px -40px #10b98166}.planning-card-active{animation-duration:0s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards}.planning-card-before.planning-card-active{animation-name:planningCardInLeft}.planning-card-after.planning-card-active{animation-name:planningCardInRight}.planning-card-backdrop{opacity:0;filter:blur(35px);transition:opacity .2s,transform .2s;position:absolute;inset:-30%;transform:scale(.8)}.planning-card:hover .planning-card-backdrop{opacity:.6;transition:opacity,transform;transform:scale(1)}.planning-artifacts{z-index:0;margin:0;padding:0;list-style:none;position:absolute;inset:0}.planning-artifacts li{width:6.5rem;height:4.5rem;position:absolute}.planning-artifacts li span{opacity:0;animation:7s ease-in-out infinite planningArtifactFloat;animation-delay:inherit;background:linear-gradient(135deg,#f8717152,#ec489940);border-radius:1.25rem;position:absolute;inset:0;transform:translateY(18px)rotate(-4deg);box-shadow:0 20px 45px -30px #f43f5e73}.planning-column:hover .planning-artifacts li span{opacity:1}@keyframes planningCardInLeft{0%{opacity:0;transform:translate(-22px,28px)rotate(-4deg)scale(.95)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes planningCardInRight{0%{opacity:0;transform:translate(24px,28px)rotate(4deg)scale(.95)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes planningArtifactFloat{0%{opacity:.3;transform:translateY(16px)rotate(-6deg)scale(.96)}50%{transform:translateY(-12px)rotate(3deg)scale(1.03)}to{opacity:.3;transform:translateY(16px)rotate(-4deg)scale(.98)}}@media (prefers-reduced-motion:reduce){.planning-card,.planning-line{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.planning-card-backdrop,.planning-artifacts li span{display:none}}