@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Righteous&display=swap";body{font-family:Roboto,sans-serif;font-weight:300;background-color:transparent;color:#fff}html{background-color:transparent}.font_logo{font-family:Righteous,serif;font-weight:400;font-style:normal}.righteous-regular{font-family:Righteous,sans-serif;font-weight:300;font-style:normal}.luckiest-guy-regular,.orbitron-web{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.leaf{--size: 200px;width:var(--size);height:var(--size);border-radius:50% 0;transition:all .3s ease;margin:20px}.leaf1{--gradient: linear-gradient(limegreen, darkgreen);background:var(--gradient)}.leaf2{--gradient: linear-gradient(deepskyblue, royalblue);background:var(--gradient)}.leaf3{--gradient: linear-gradient(orange, darkorange);background:var(--gradient)}.leaf4{--gradient: linear-gradient(gold, goldenrod);background:var(--gradient)}:root{--bg-color: "transparent";--accent-1: #ff0055;--accent-2: #00e5ff;--text-main: #ffffff;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1)}.heroxpendia-root{position:relative;width:100%;min-height:80vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-main);font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.ambient-light{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite alternate}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--accent-1) 0%,transparent 70%);top:-20%;left:-10%;animation-duration:25s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-2) 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:-5s}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.05"/%3E%3C/svg%3E');pointer-events:none;z-index:-1}.stage{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;perspective:1000px;z-index:1}.content-col{display:flex;flex-direction:column;justify-content:center}.mb-4{margin-bottom:1rem}.mb-10{margin-bottom:2.5rem}@media(max-width:768px){.stage{grid-template-columns:1fr;text-align:center;gap:2rem}.content-col{align-items:center}}.text-pill{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:#22d3ee}.hero-title{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-title-gradient{color:transparent;background-image:linear-gradient(to right,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#e5e7eb;font-size:clamp(1rem,2vw,1.25rem);max-width:28rem;margin:0;margin-bottom:1vh}.text-mask{overflow:hidden;position:relative;display:block;margin-bottom:.5rem}.reveal-text{display:block;transform:translateY(110%) skewY(10deg);opacity:0;animation:textReveal 1.2s var(--ease-out-expo) forwards}.visual-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.visual-container{display:none}}.card{position:absolute;width:"15vh";height:"15vh";background-size:cover;background-position:center;border-radius:20px;opacity:0;transform:translateY(100px) scale(.8) rotateX(20deg);border:1px solid rgba(216,216,232,.1);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 5px 5px #00000080}.card-anim{animation:cardEntrance 1.5s var(--ease-out-expo) forwards}.card-label{position:absolute;bottom:0;left:0;padding:1.5rem;width:100%;background-image:linear-gradient(to top,rgba(0,0,0,.85),transparent)}.card-label-title{font-weight:700;color:#fff;margin:0}.card-label-subtitle{font-size:.75rem;color:#e5e7eb;margin:.25rem 0 0}.cta-btn-menu{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1rem 2.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;opacity:0;animation:fadeIn .3s ease forwards;animation-delay:1s}.cta-btn-menu:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-btn-menu:hover{border-color:var(--accent-1);text-shadow:0 0 10px var(--accent-1);box-shadow:0 0 20px #6fa2e966}.cta-btn-menu:hover:before{left:100%}.cta-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1rem 2.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:2.5s}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-btn:hover{border-color:var(--accent-1);text-shadow:0 0 10px var(--accent-1);box-shadow:0 0 20px #f056}.cta-btn:hover:before{left:100%}@keyframes textReveal{0%{transform:translateY(110%) skewY(10deg);opacity:0}to{transform:translateY(0) skewY(0);opacity:1}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(150px) scale(.8) rotate(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rotation))}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.d-1{animation-delay:.2s}.d-2{animation-delay:.4s}.d-3{animation-delay:.6s}.d-4{animation-delay:.8s}.c-1{animation-delay:1.2s;--rotation: -6deg;z-index:1}.c-2{animation-delay:1.4s;--rotation: 0deg;z-index:2}.c-3{animation-delay:1.6s;--rotation: 6deg;z-index:3}