@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333}header{background:linear-gradient(to right,#f4f4f4,#333);padding:1rem 2rem}.logo img{height:80px}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.nav-links{list-style:none;display:flex;justify-content:flex-end}.nav-links li{margin-left:20px}.nav-links a{color:#fff;text-decoration:none;font-weight:600}#hero{background:url(./hero5-f3d28052.jpeg) no-repeat center center/cover;height:50vh;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center}#hero h1{font-size:4rem;text-shadow:2px 2px 4px rgba(0,0,0,.6)}#hero p{margin:1rem 0;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.cta{padding:.7rem 1.5rem;background-color:#f79f1f;color:#fff;border-radius:5px;text-decoration:none;display:inline-block;margin-top:10px}.cta:hover{background-color:#e58e26}section{padding:3rem 2rem;text-align:center}h2{margin-bottom:2rem}.services-container,.publications-container{display:flex;justify-content:space-around;flex-wrap:wrap}.publication{background-color:#fff;padding:2rem;margin:1rem;border-radius:5px;box-shadow:0 0 10px #0000001a;flex-basis:calc(33.333% - 2rem)}.publication h3{font-size:1.25em;margin-bottom:10px}.publication p{font-size:1em;margin-bottom:10px}.book-cover{max-width:150px;height:auto;margin:10px 0}.service,.publication{background-color:#fff;padding:2rem;margin:1rem;border-radius:5px;box-shadow:0 0 10px #0000001a;flex-basis:calc(33.333% - 2rem);box-sizing:border-box;text-align:center}.service img.service-image{width:100%;height:auto;max-height:200px;margin-bottom:1rem;border-radius:5px;object-fit:cover}.service p{margin-bottom:1rem;text-align:left;color:#555}.service ul{list-style:none;text-align:left;padding-left:20px;margin-top:1rem}.service ul li{margin:.5rem 0;position:relative;padding-left:20px}.service ul li:before{content:"\2022";color:#f79f1f;position:absolute;left:0;top:0;font-size:1.5rem;line-height:1}#contact form{display:flex;flex-direction:column;max-width:600px;margin:0 auto}#contact input,#contact textarea{padding:.7rem;margin:.5rem 0;border-radius:5px;border:1px solid #ccc}#contact button{padding:.7rem;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}#contact button:hover{background-color:#555}footer{background-color:#333;color:#fff;text-align:center;padding:1rem 0}.sticky-header{position:sticky;top:0;width:100%;background:linear-gradient(to right,#f4f4f4,#333);z-index:1000}section[id]{scroll-margin-top:112px}.sticky-footer{position:fixed;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;padding:1rem 0;z-index:1000}body{padding-bottom:4rem}.profile-image{max-width:150px;height:auto;border-radius:10px}.about-text{flex:1}.about-text p{margin-bottom:1.5rem;color:#333}#about{padding:4rem 2rem;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}#about h2{margin-bottom:2rem;text-align:center;font-size:2.5rem;color:#333}#about .about-container{display:flex;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}#about .profile-image{max-width:150px;height:auto;border-radius:10px;box-shadow:0 2px 5px #0000001a}#about .about-text{flex:1}#about .about-text p{margin-bottom:1.5rem;color:#555;line-height:1.8;font-size:1.1rem}.product-intro{max-width:800px;margin:0 auto 2rem}.product-intro p{margin-bottom:1rem;color:#555}.product-intro .product-tagline{font-size:1.3rem;font-weight:600;color:#333}.product-card{max-width:700px}.product-title{display:flex;align-items:center;justify-content:center;gap:.6rem}.product-logo{height:1.6em;width:auto}.product-screenshot{display:block;width:100%;max-width:1100px;margin:0 auto 2rem;border-radius:8px;box-shadow:0 4px 20px #0003}.service img.screenshot{aspect-ratio:16/9;object-position:top}@media (max-width: 900px){.service,.publication{flex-basis:calc(50% - 2rem)}}@media (max-width: 600px){header{padding:.5rem 1rem}.logo img{height:48px}section[id]{scroll-margin-top:64px}.nav-container{padding:0}.nav-links{flex-wrap:wrap;gap:0 10px}.nav-links li{margin-left:0}.nav-links a{font-size:.82rem}section{padding:2rem 1rem}#hero h1{font-size:2.5rem}#hero p{font-size:1.1rem}.service,.publication{flex-basis:100%;margin:.75rem 0}#about .about-container{flex-direction:column;align-items:center}}
