:root{--primary-color:#333333;--secondary-color:#555555;--background-color:#ffffff;--font-family:'Roboto', sans-serif;--cta-title-color:#333333;--cta-description-color:#555555;--footer-bg-color:#ffffff;--footer-text-color:#333333;--section-padding:60px 20px;--section-bg-color:#f9f9f9;--section-title-color:#333333;--feature-icon-size:80px;--about-image-size:100%}@font-face{font-family:'SpiritsSharp';src:url(../fonts/SpiritsSharp-Regular.otf) format('opentype');font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Roboto',Arial,sans-serif;color:#000;display:flex;flex-direction:column;overflow-x:hidden}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;background-color:rgb(255 255 255);border-radius:30px;padding:40px 30px;box-shadow:0 8px 16px rgb(0 0 0 / .4);max-width:45vw;width:100%}.navbar{width:100%;padding:20px 40px;background-color:var(--background-color);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);z-index:1000}.about-section{padding:var(--section-padding);height:100vh}.about-content{max-width:1200px;margin:0 auto;text-align:center}.about-grid{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap}.about-item{flex:1 1 500px;max-width:600px}.about-image{width:100%;height:auto;border-radius:10px}.about-section h3{font-size:1.8em;margin-bottom:15px;color:var(--primary-color)}.about-section p{font-size:1em;color:var(--cta-description-color);margin-bottom:20px}.logo{font-family:'SpiritsSharp-Regular',var(--font-family),Arial,sans-serif;font-size:4em;color:var(--primary-color);position:relative;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ctext x='10' y='40' font-family='RobotoLight' font-size='30' fill='%23f0f0f0'%3Exili%3C/text%3E%3C/svg%3E")}.logo-main-content{font-size:2em;color:var(--primary-color)}.nav-links{list-style:none;display:flex;gap:20px}.buttons{display:flex;gap:20px;justify-content:center;align-items:center;transition:border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease}.buttons a{position:relative;overflow:hidden;display:inline-block;padding-top:10px}.buttons a img{height:50px;width:auto;padding:0;display:fle;transition:transform 0.3s ease,box-shadow 0.3s ease}.buttons a:hover img,.buttons a:focus img{transform:scale(1.05);box-shadow:0 4px 10px rgb(0 0 0 / .2)}.nav-links a{text-decoration:none;color:var(--primary-color);font-weight:400;transition:color 0.3s,text-decoration 0.3s}.nav-links a:hover,.nav-links a:focus{color:var(--secondary-color);text-decoration:underline}.hamburger{display:none;background:none;border:none;cursor:pointer;outline:none}.hamburger-icon,.hamburger-icon::before,.hamburger-icon::after{display:block;width:25px;height:3px;background-color:var(--primary-color);position:relative;transition:all 0.3s ease-in-out}.hamburger-icon::before,.hamburger-icon::after{content:'';position:absolute;left:0}.hamburger-icon::before{top:-8px}.hamburger-icon::after{top:8px}.hero-section{position:relative;height:100vh;display:flex;background-image:url(../assets/xiliBackground.svg);justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px;background-repeat:no-repeat;background-size:cover;background-position:center}.hero-section p{font-size:1.5em;margin-bottom:30px}.features-section{min-height:100vh;background-image:url(../assets/goofyXilis.svg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--section-padding);position:relative;display:flex;justify-content:center;align-items:center}.features-section::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .1);z-index:1}.features-content{position:relative;z-index:2;width:100%;text-align:center;background-color:rgb(255 255 255 / .85);border-radius:30px;padding:40px 30px;box-shadow:0 8px 16px rgb(0 0 0 / .4);max-width:45vw;width:100%}.section-title{font-family:'Roboto',sans-serif;font-size:2.5em;margin-bottom:40px;text-shadow:1px 1px 3px rgb(10 10 10 / .5)}.features-grid{display:flex;gap:40px;justify-content:center;align-items:stretch;flex-wrap:wrap}.feature-item{background-color:rgb(255 255 255 / .8);padding:30px;border-radius:10px;box-shadow:0 4px 6px rgb(0 0 0 / .1);flex:1 1 300px;max-width:350px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.feature-icon{width:80px;height:80px;margin-bottom:20px}.feature-item h3{font-size:1.5em;margin-bottom:15px;color:#333}.feature-item p{font-size:1em;color:#555}@media (max-width:1200px){.features-section .section-title{font-size:2em}.feature-icon{width:60px;height:60px}.cta-title{font-size:2.5em}.cta-description{font-size:1.1em}.hero-section p{font-size:1.2em}}@media (max-width:800px){.navbar{padding:15px 30px}.nav-links{gap:15px}.hero-content{padding:30px}.features-grid{flex-direction:column;align-items:center}.about-grid{flex-direction:column;align-items:center}.features-content{position:relative;z-index:2;width:100%;text-align:center;border-radius:30px;box-shadow:0 8px 16px rgb(0 0 0 / .4);max-width:80vw;width:100%}.main-content{flex:1;display:flex;margin-top:65px;flex-direction:column;background-color:rgb(255 255 255);border-radius:30px;box-shadow:0 8px 16px rgb(0 0 0 / .4);max-width:80vw}.buttons{gap:0}}@media (max-width:600px){.navbar{padding:15px 20px}.logo{font-size:2em}.nav-links{display:none}.hamburger{display:block}.buttons{flex-direction:column}.footer{flex-direction:column;gap:10px}.footer-links,.social-icons{justify-content:center}.footer p{font-size:.8em}.cta-title{font-size:1.5em}.cta-description{font-size:1em}.social-icon{width:20px;height:20px}.hero-section h1{font-size:2.5em}.hero-section p{font-size:1.2em}.features-grid,.about-grid{gap:20px}.about-item{flex:1 1 300px;max-width:600px}#hero,#features,#about,#download{scroll-margin-top:70px}}.cta-section{text-align:center;margin-bottom:0}.cta-title{font-family:'Roboto',sans-serif;font-weight:700;font-size:3em;margin-bottom:15px;color:var(--cta-title-color)}.cta-description{font-family:'Roboto',sans-serif;font-size:1.2em;color:var(--cta-description-color);max-width:600px;margin:0 auto}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:rgb(255 255 255 / .7);pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.footer{width:100%;padding:15px 40px;background-color:var(--footer-bg-color);text-align:center;box-shadow:0 -2px 4px rgb(0 0 0 / .1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer p{font-family:'Roboto',sans-serif;font-size:.9em;color:var(--footer-text-color)}.footer-links{display:flex;gap:10px;margin-top:10px}.footer-links a{color:var(--footer-text-color);text-decoration:none;transition:color 0.3s}.footer-links a:hover,.footer-links a:focus{color:var(--secondary-color);text-decoration:underline}.social-icons{display:flex;gap:10px;margin-top:10px}.social-icon{width:24px;height:24px;transition:transform 0.3s}.social-icon:hover,.social-icon:focus{transform:scale(1.1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{from{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-1000px) scale(1.5);opacity:0}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#about{scroll-margin:100px}#download{scroll-margin:500px}@media (max-width:600px){#hero,#features,#about,#download{scroll-margin-top:70px}}@media (max-height:800px){*{font-size:.8rem}.hero-card .cta-title{font-size:2em}.hero-card .cta-description{font-size:1em}.hero-card .xili-app-icon{width:100px}.buttons a img{height:40px}}