:root{--color-bg: #0a0a0a;--color-text: #f1f1f1;--color-accent: #8AA4EA;--color-accent-alt: #D661F6;--color-link: #8AFAD8}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background-color:var(--color-bg);color:var(--color-text)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:linear-gradient(135deg,#d661f6,#7d59f4,#a15cf6,#8afad8);background-size:400% 400%;animation:gradientShift 15s ease infinite;perspective:1000px}.hero h1{font-size:4rem;margin-bottom:1rem}.hero p{max-width:600px;font-size:1.25rem;opacity:.85;padding:0 5px}.hero button{margin-top:2rem}#logo{opacity:0;transform:translateY(-50px) scale(.5) rotateX(45deg);filter:blur(20px) drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:superFancyLogoReveal 1.6s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity,filter;position:relative;z-index:2}.logo-container{position:relative;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.logo-container:after{content:"";position:absolute;width:120px;height:20px;background:radial-gradient(ellipse at center,#0006,#0000 70%);bottom:-40px;opacity:0;transform:scale(0);filter:blur(5px);animation:shadowReveal 1.6s cubic-bezier(.34,1.56,.64,1) forwards;z-index:1}@keyframes superFancyLogoReveal{to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0) drop-shadow(0 0 0 rgba(0,0,0,0))}}@keyframes shadowReveal{0%{opacity:0;transform:scale(0)}60%{opacity:.6;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.scroll-down{position:absolute;bottom:20px;animation:bounce 2s infinite;font-size:2rem;color:var(--color-accent)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}section.small{padding:0 2rem;max-width:1200px;margin:auto}section.wide{max-width:1600px;margin:auto}section.wide img{max-width:100%;object-fit:contain}h2{font-size:2rem;margin-bottom:1rem}.hero button,.hero-button{position:relative;background:linear-gradient(90deg,var(--color-accent-alt),var(--color-accent));color:#fff;font-size:1.1rem;font-weight:600;padding:.85rem 2rem;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease;overflow:hidden;text-decoration:none;display:inline-block}.hero button:before,.hero-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-accent-alt),var(--color-accent));opacity:0;transition:opacity .3s ease;border-radius:inherit;z-index:0}.hero button:hover:before,.hero-button:hover:before{opacity:1}.hero button span,.hero-button span{position:relative;z-index:1}.hero button:hover,.hero-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 25px #4df2ffcc}.secondary-button span{position:relative;z-index:1}.secondary-button:hover{background:var(--color-accent);color:#000;transform:translateY(-2px) scale(1.02);box-shadow:0 0 25px #4df2ff99}.input{padding:.75rem;border-radius:8px;border:none;margin:5px}a{color:var(--color-accent)}.hero-subtitle{font-size:1.5rem;font-weight:500;opacity:.9;max-width:600px;margin-bottom:2rem}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.hero{text-align:center}#logo{margin-bottom:2rem}.scroll-down{margin-top:2rem;font-size:2rem;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.text-center{text-align:center}.small{max-width:900px;margin:0 auto;padding:3rem 1rem}.feature-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-form{display:flex;flex-direction:column}.input{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.submit-button{padding:.85rem 2rem;border-radius:50px;border:none;background:var(--color-accent);color:#000;font-weight:600;cursor:pointer;transition:.3s}.submit-button:hover{opacity:.85}.footer{text-align:center;padding:2rem;opacity:.6;font-size:.875rem}#faq{margin-top:4rem;margin-bottom:4rem}#faq h2{text-align:center;margin-bottom:3rem;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-alt));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.faq-grid{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.faq-category{margin-bottom:2rem}.faq-category h3{font-size:1.25rem;margin-bottom:1rem;opacity:.8;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}details{background:#ffffff08;margin-bottom:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}details:hover{background:#ffffff0f;border-color:#ffffff1a}details[open]{background:#ffffff14;border-color:var(--color-accent)}summary{padding:1rem 3rem 1rem 1.5rem;font-weight:500;cursor:pointer;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:300;color:var(--color-accent);transition:transform .3s ease}details[open] summary:after{transform:translateY(-50%) rotate(45deg)}details p{padding:0 1.5rem 1.5rem;line-height:1.6;opacity:.9;margin:0;color:#ddd}details ul{padding-left:1.5rem;margin:.5rem 0}details li{margin-bottom:.5rem}details strong{color:var(--color-link)}.testimonials-section{padding:4rem 1rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin:4rem 0}.testimonials-container{position:relative;height:80px;display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:800px;overflow:hidden}.testimonial{position:absolute;width:100%;text-align:center;font-size:1.5rem;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);background:linear-gradient(90deg,var(--color-accent),var(--color-link));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;pointer-events:none}.testimonial.active{opacity:1;transform:translateY(0);pointer-events:auto}.feature-icon{width:48px;height:48px;color:var(--color-accent);margin-bottom:1rem}.contact-container{max-width:600px;margin:0 auto;text-align:center}.contact-form{display:flex;flex-direction:column;margin-top:2rem;text-align:left}
