@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:#000!important;color:#fff}html{background-color:#000!important}.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)}.animate{font-weight:900;text-transform:none;text-align:center;border-bottom:none}.animate span{display:inline-block}.animate span:nth-of-type(2){animation-delay:.05s}.animate span:nth-of-type(3){animation-delay:.1s}.animate span:nth-of-type(4){animation-delay:.15s}.animate span:nth-of-type(5){animation-delay:.2s}.animate span:nth-of-type(6){animation-delay:.25s}.animate span:nth-of-type(7){animation-delay:.3s}.animate span:nth-of-type(8){animation-delay:.35s}.animate span:nth-of-type(9){animation-delay:.4s}.animate span:nth-of-type(10){animation-delay:.45s}.animate span:nth-of-type(11){animation-delay:.5s}.animate span:nth-of-type(12){animation-delay:.55s}.animate span:nth-of-type(13){animation-delay:.6s}.animate span:nth-of-type(14){animation-delay:.65s}.animate span:nth-of-type(15){animation-delay:.7s}.animate span:nth-of-type(16){animation-delay:.75s}.animate span:nth-of-type(17){animation-delay:.8s}.animate span:nth-of-type(18){animation-delay:.85s}.animate span:nth-of-type(19){animation-delay:.9s}.animate span:nth-of-type(20){animation-delay:.95s}.one span{color:var(--lt-color-primary, #24a8e6);opacity:0;transform:translate(-150px,-50px) rotate(-180deg) scale(3);animation:revolveScale .4s forwards}@keyframes revolveScale{60%{transform:translate(20px,20px) rotate(30deg) scale(.3)}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.two span{color:var(--lt-color-primary, #a5cb21);opacity:0;transform:translate(200px,-100px) scale(2);animation:ballDrop .3s forwards}@keyframes ballDrop{60%{transform:translateY(20px) rotate(-180deg) scale(.5)}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.three span{color:var(--lt-color-primary, #b10e81);opacity:0;transform:translate(-300px) scale(0);animation:sideSlide .5s forwards}@keyframes sideSlide{60%{transform:translate(20px) scale(1);color:var(--lt-color-primary, #b10e81)}80%{transform:translate(20px) scale(1);color:var(--lt-color-primary, #b10e81)}99%{transform:translate(0) scale(1.2);color:var(--lt-color-secondary, #00f0ff)}to{transform:translate(0) scale(1);opacity:1;color:var(--lt-color-primary, #b10e81)}}.four span{color:var(--lt-color-primary, #8d6a00);opacity:0;transform:translateY(-100px) rotate(360deg) scale(0);animation:revolveDrop .3s forwards}@keyframes revolveDrop{30%{transform:translateY(-50px) rotate(180deg) scale(1)}60%{transform:translateY(20px) scale(.8) rotate(0)}to{transform:translate(0) scale(1) rotate(0);opacity:1}}.five span{color:var(--lt-color-primary, #dd3f0f);opacity:0;transform:translateY(-100px) rotate(360deg) scale(0);animation:dropVanish .5s forwards}@keyframes dropVanish{30%{transform:translateY(-50px) rotate(180deg) scale(1)}50%{transform:translateY(20px) scale(.8) rotate(0);opacity:1}80%{transform:translate(-100px,-100px) scale(1.5) rotate(-180deg);opacity:0}to{transform:translate(0) scale(1) rotate(0);opacity:1}}.six span{color:var(--lt-color-primary, #ddb40f);opacity:0;transform:rotate(-180deg) translate(150px);animation:twister .5s forwards}@keyframes twister{10%{opacity:1}to{transform:rotate(0) translate(0);opacity:1}}.seven span{color:var(--lt-color-primary, #348c04);opacity:0;transform:translate(-150px) scale(.3);animation:leftRight .5s forwards}@keyframes leftRight{40%{transform:translate(50px) scale(.7);opacity:1;color:var(--lt-color-primary, #348c04)}60%{color:var(--lt-color-secondary, #0f40ba)}80%{transform:translate(0) scale(2);opacity:0}to{transform:translate(0) scale(1);opacity:1;color:var(--lt-color-primary, #348c04)}}: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}