/* =========================================== *//* FOOTER STYLES *//* =========================================== *//* Reset */*{margin:0;padding:0;box-sizing:border-box;}/* Base Layout */html{margin:0 !important;padding:0 !important;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0B0F19;color:white;min-height:100vh;display:flex;flex-direction:column;margin:0 !important;padding:0 !important;padding-bottom:0 !important;}/* Reduced motion support */@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}/* TACO Animation */@keyframes tacoBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}/* =========================================== *//* FOOTER CONTAINER *//* =========================================== */.sticky-footer{background:#161e31;color:white;padding:30px 50px 0;text-align:center;position:relative;margin-top:0;margin-bottom:0;overflow:hidden;min-height:400px;border:none;border-top:none;box-shadow:none;}/* =========================================== *//* BACKGROUND ELEMENTS *//* =========================================== */.footer-bg-pattern{position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:100%;background-image:url(../img/hero-bg-pattern.png);background-size:120%;background-position:center;background-repeat:no-repeat;opacity:0.9;z-index:0;will-change:transform;}.purple-dots-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;will-change:transform;}.purple-dots-pattern img{width:100%;height:100%;object-fit:cover;opacity:1;filter:none;}.parallax-bg{position:absolute;will-change:transform;pointer-events:none;}.parallax-bg-1{top:10%;left:5%;width:100px;height:100px;background:radial-gradient(circle,rgba(99,102,241,0.1) 0%,transparent 70%);border-radius:50%;z-index:1;}.parallax-bg-2{top:60%;right:10%;width:150px;height:150px;background:radial-gradient(circle,rgba(168,85,247,0.08) 0%,transparent 70%);border-radius:50%;z-index:1;}.parallax-bg-3{bottom:20%;left:15%;width:80px;height:80px;background:radial-gradient(circle,rgba(99,102,241,0.12) 0%,transparent 70%);border-radius:50%;z-index:1;}/* =========================================== *//* FOOTER CONTENT & ANIMATIONS *//* =========================================== */.footer-content{display:flex;align-items:center;justify-content:center;gap:30px;margin:120px 0 60px 0;position:relative;z-index:5;}.footer-element{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1);}.footer-element.animate-in{opacity:1;transform:translateY(0);}.footer-element:nth-child(1){transition-delay:0.1s;}.footer-element:nth-child(2){transition-delay:0.2s;}.footer-element:nth-child(3){transition-delay:0.3s;}.footer-element:nth-child(4){transition-delay:0.4s;}.footer-element:nth-child(5){transition-delay:0.5s;}/* Footer text styling */.footer-text{color:rgba(255,255,255,0.85) !important;font-size:1rem;font-weight:500;opacity:1;}.footer-link{color:rgba(255,255,255,0.9) !important;text-decoration:none !important;font-size:1.1rem;font-weight:500;transition:all 0.3s ease;}.footer-link:hover{color:#a855f7 !important;text-shadow:0 0 10px rgba(168,85,247,0.5);transform:translateY(-2px);}/* Animation Effects */.footer-element.animate-in{animation:footerSlideIn 0.8s cubic-bezier(0.4,0,0.2,1) forwards;}/* Enhanced scroll-triggered animations */@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3) translateY(50px);}50%{opacity:0.8;transform:scale(1.05) translateY(-10px);}70%{transform:scale(0.95) translateY(5px);}100%{opacity:1;transform:scale(1) translateY(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}/* Scroll progress indicator */.footer-scroll-progress{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:rgba(99,102,241,0.1);display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,0.7);z-index:1000;transition:all 0.3s ease;}.footer-scroll-progress:hover{background:rgba(99,102,241,0.2);transform:scale(1.1);}/* Social Proof Indicators */.social-proof{display:flex;gap:8px;margin-top:0;margin-bottom:0;justify-content:flex-end;flex-wrap:nowrap;position:relative;z-index:1001;align-items:center;}.proof-item{display:flex;align-items:center;gap:4px;padding:5px 10px;background:rgba(255,255,255,0.1);border-radius:14px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;flex-shrink:0;}.proof-item:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2);}.proof-icon{font-size:14px;filter:drop-shadow(0 0 4px rgba(255,255,255,0.3));}.proof-text{color:rgba(255,255,255,0.9);font-size:0.7rem;font-weight:500;white-space:nowrap;}/* Enhanced Parallax Layers */.parallax-bg-4{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(168,85,247,0.1) 0%,transparent 50%);z-index:0;will-change:transform;}.parallax-bg-5{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,0.08) 0%,transparent 50%);z-index:0;will-change:transform;}/* Floating Particles */.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,0.6);border-radius:50%;animation:float 6s ease-in-out infinite;}.particle-1{top:20%;left:10%;animation-delay:0s;}.particle-2{top:40%;left:80%;animation-delay:1s;}.particle-3{top:60%;left:20%;animation-delay:2s;}.particle-4{top:80%;left:70%;animation-delay:3s;}.particle-5{top:30%;left:50%;animation-delay:4s;}.particle-6{top:70%;left:90%;animation-delay:5s;}@keyframes float{0%,100%{transform:translateY(0px) translateX(0px);opacity:0.6;}25%{transform:translateY(-20px) translateX(10px);opacity:1;}50%{transform:translateY(-10px) translateX(-5px);opacity:0.8;}75%{transform:translateY(-30px) translateX(15px);opacity:0.9;}}/* Reduced Motion Support */@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.footer-element{animation:none !important;transition:opacity 0.3s ease !important;}.particle{animation:none !important;}.footer-airplane{animation:none !important;}.parallax-bg{transform:none !important;}.floating-particles{display:none !important;}}/* Loading States */.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;}@keyframes loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.image-loading{position:relative;overflow:hidden;}.image-loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 75%);background-size:200% 100%;animation:loading 1.5s infinite;z-index:1;}.image-loaded{animation:fadeIn 0.5s ease-in-out;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}/* Error States */.image-error{background:rgba(220,53,69,0.1);border:2px dashed rgba(220,53,69,0.3);display:flex;align-items:center;justify-content:center;color:rgba(220,53,69,0.7);font-size:0.9rem;min-height:100px;}.image-error::before{content:'⚠️ Image failed to load';text-align:center;}/* Footer content positioning */.footer-content{transform:translateY(120px);position:relative;z-index:100 !important;}.orb-test{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 25px));width:180px;height:180px;background:radial-gradient(circle,rgba(99,102,241,0.6) 0%,rgba(99,102,241,0.3) 50%,rgba(99,102,241,0.1) 100%);border-radius:50%;z-index:2;opacity:0;transition:all 0.3s ease;box-shadow:0 0 40px rgba(99,102,241,0.6);}.footer-curve{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:100vw;height:131px;overflow:hidden;color:white;z-index:5 !important;margin-left:calc(-50vw + 50%);}.taco-hover-image{position:absolute;right:95px;bottom:135px;z-index:1 !important;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s ease,transform 0.3s ease;transform:translateY(-310px);pointer-events:none;}.taco-img{width:120px;height:auto;border-radius:10px;animation:tacoBob 2s ease-in-out infinite;background:none;filter:none;transition:filter 3s ease;}.purple-dots-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;}.dots-img{width:100%;height:100%;object-fit:cover;opacity:1;filter:none;}.purple-blobs{position:absolute;right:0;bottom:35px;z-index:1;}.blob-svg{transform:rotate(180deg);}@keyframes footerSlideIn{0%{opacity:0;transform:translateY(30px) scale(0.95);}50%{opacity:0.7;transform:translateY(-5px) scale(1.02);}100%{opacity:1;transform:translateY(0) scale(1);}}/* Floating animation for parallax elements */.parallax-bg-1{animation:float1 6s ease-in-out infinite;}.parallax-bg-2{animation:float2 8s ease-in-out infinite;}.parallax-bg-3{animation:float3 7s ease-in-out infinite;}@keyframes float1{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(5deg);}}@keyframes float2{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-15px) rotate(-3deg);}}@keyframes float3{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-25px) rotate(7deg);}}/* =========================================== *//* CHARACTER & INTERACTIVE ELEMENTS *//* =========================================== */.footer-character-container{position:relative;display:inline-block;}.footer-character{max-height:220px;width:auto;position:relative;z-index:3;transition:transform 0.3s ease;cursor:pointer;transform:translateY(-25px);display:block !important;visibility:visible !important;opacity:1 !important;}.footer-character:hover{transform:translateY(-25px) scale(1.05);}/* Glowing Orb mouseover effect behind the image */.footer-character::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(255,0,0,1) 0%,rgba(255,0,0,0.6) 50%,rgba(255,0,0,0.2) 100%);border-radius:50%;z-index:2;opacity:0;transition:all 0.3s ease;pointer-events:none;box-shadow:0 0 40px rgba(255,0,0,1);}.footer-character:hover::before{opacity:1;transform:translate(-50%,-50%) scale(1.2);}@keyframes orbPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.3;}50%{transform:translate(-50%,-50%) scale(1.1);opacity:0.6;}}/* =========================================== *//* AIRPLANE ANIMATIONS *//* =========================================== */.footer-airplanes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1;}.footer-airplane{position:absolute;}.footer-airplane-svg{filter:brightness(0) invert(1);}.footer-airplane-1{top:-30%;left:0%;animation-delay:3s;animation:footerFlyDown 8s linear infinite;}.footer-airplane-1 .footer-airplane-svg{width:24rem;height:24rem;opacity:0.7;}.footer-airplane-2{top:-25%;left:20%;animation-delay:5s;animation:footerFlyDown 10s linear infinite;}.footer-airplane-2 .footer-airplane-svg{width:15rem;height:15rem;opacity:0.5;}.footer-airplane-3{top:-35%;left:50%;animation-delay:7s;animation:footerFlyDown 15s linear infinite;}.footer-airplane-3 .footer-airplane-svg{width:12rem;height:12rem;opacity:0.4;}.footer-airplane-4{top:-40%;left:70%;animation-delay:9s;animation:footerFlyDown 9s linear infinite;}.footer-airplane-4 .footer-airplane-svg{width:16rem;height:16rem;opacity:0.6;}.footer-airplane-5{top:-20%;left:85%;animation-delay:12s;animation:footerFlyDown 18s linear infinite;}.footer-airplane-5 .footer-airplane-svg{width:9rem;height:9rem;opacity:0.3;}.footer-airplane-6{top:-45%;left:10%;animation-delay:15s;animation:footerFlyDown 12s linear infinite;}.footer-airplane-6 .footer-airplane-svg{width:21rem;height:21rem;opacity:0.5;}@keyframes footerFlyDown{0%{transform:translateY(-550px);opacity:0;}10%,90%{opacity:0.4;}100%{transform:translateY(calc(100vh + 200px));opacity:0;}}/* =========================================== *//* BACK TO TOP BUTTON *//* =========================================== */.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;display:none;opacity:0;transform:translateY(20px);background:#6366f1;color:white;border-radius:50%;align-items:center;justify-content:center;text-decoration:none;font-size:1.5rem;z-index:1000;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 12px rgba(99,102,241,0.3);cursor:pointer;animation:buttonPulse 3s ease-in-out infinite;}.back-to-top:hover{background:#5b5bd6;transform:translateY(-2px) scale(1.1);box-shadow:0 0 30px rgba(99,102,241,0.8),0 0 60px rgba(99,102,241,0.4),0 0 90px rgba(99,102,241,0.2);}.back-to-top:hover span{transform:scale(1.2);}@keyframes buttonPulse{0%,100%{box-shadow:0 4px 12px rgba(99,102,241,0.3);}50%{box-shadow:0 4px 20px rgba(99,102,241,0.5);}}.back-to-top.show{display:flex !important;opacity:1 !important;transform:translateY(0) !important;visibility:visible !important;}/* Glowing orb animation */.orb-test{animation:orbGlow 2s ease-in-out infinite;}@keyframes orbGlow{0%,100%{box-shadow:0 0 40px rgba(99,102,241,0.6);transform:translate(-50%,calc(-50% - 25px)) scale(1);}50%{box-shadow:0 0 60px rgba(99,102,241,0.6),0 0 80px rgba(99,102,241,0.3);transform:translate(-50%,calc(-50% - 25px)) scale(1.1);}}/* =========================================== *//* PURPLE BLOB ANIMATIONS *//* =========================================== */.purple-blobs svg{animation:gentleWobble 4s ease-in-out infinite;}.purple-blobs svg path:nth-child(1){animation:blobWobble 6s ease-in-out infinite;}.purple-blobs svg path:nth-child(2){animation:individualBlob 5s ease-in-out infinite;animation-delay:1s;}.purple-blobs svg path:nth-child(3){animation:individualBlob 7s ease-in-out infinite;animation-delay:2s;}@keyframes gentleWobble{0%,100%{transform:rotate(180deg) translateY(0px);}50%{transform:rotate(180deg) translateY(-5px);}}@keyframes blobWobble{0%,100%{transform:scale(1) rotate(0deg);}33%{transform:scale(1.05) rotate(2deg);}66%{transform:scale(0.95) rotate(-1deg);}}@keyframes individualBlob{0%,100%{transform:scale(1) rotate(0deg);}25%{transform:scale(1.1) rotate(1deg);}50%{transform:scale(0.9) rotate(-1deg);}75%{transform:scale(1.05) rotate(0.5deg);}}/* =========================================== *//* MOBILE RESPONSIVE STYLES *//* =========================================== *//* Hide copyright and name text on mobile */@media (max-width:768px){.footer-text:first-of-type,.footer-link[href*="jfsn.com"]{display:none !important;}/* Move social proof buttons to the left on mobile */ .social-proof{justify-content:flex-start !important;margin-top:20px !important;margin-bottom:20px !important;padding-left:20px;padding-right:20px;}/* Ensure buttons don't overlap with back-to-top button */ .social-proof{margin-bottom:80px !important;}}