body{background-color:var(--background-color);font-family:"Noto Sans",sans-serif;font-size:1rem;line-height:1.6;margin:0;overflow-x:hidden;padding:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html{scroll-behavior:smooth}html{font-size:clamp(12px, 1vw, 16px);margin:0;overflow-x:hidden;padding:0}:root{--primary-color:#2c3e50;--secondary-color:#555555;--third-color:rgb(23, 23, 154);--light-gray:#bdc3c7;--background-color:#e6eff4;--text-color:#333333;--header-background-color:#e6eff4;--navbar-background-color:#3a536d;--navbar-hover-color:#4a86b8}body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,figure,fieldset,legend,pre,hr{margin:0;padding:0}.responsive-img{height:auto;max-width:100%;opacity:0;transition:opacity 0.5s ease}.responsive-img.loaded{opacity:1}.header{position:relative;z-index:100;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:5px 5px;width:100%;margin:0 0;border-bottom:1px solid #d0d0d0;background-color:var(--header-background-color);color:var(--primary-color);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.header .header-content{display:flex;align-items:center;flex-direction:column;width:100%;position:relative}.header-content .branding{position:relative;align-items:safe;display:flex;flex-direction:row;margin-right:0;width:100%;height:auto}.header-content .branding .branding-text{display:flex;flex-direction:column;align-items:flex-start;height:auto;margin-left:.3rem}.header .header-content .branding .logo{width:clamp(50px, 3vw, 80px);height:100%;margin-right:0;object-fit:contain}.header .header-content .branding-text .visually-hidden{font-size:clamp(1.5rem, 3vw, 1.8rem);color:var(--primary-color);line-height:auto;margin:0;margin-bottom:0!important;white-space:nowrap;width:100%}.header .header-content .branding-text .branding-sub{display:block;line-height:.6;width:100%;margin-top:0!important;text-align:left!important;transform:0!important;font-size:clamp(0.6rem, 3vw, 1rem);margin:0;color:#777;letter-spacing:.18em;white-space:nowrap}.header .header-content .product-visual{display:flex;align-items:center;position:relative;order:4}.header .header-content .product-visual img{max-width:clamp(150px, 30vw, 400px);height:auto}.header .header-content .company-intro{display:flex;flex-direction:column;text-align:left;margin-top:.2rem;margin-bottom:.1rem;position:relative;padding-top:0;justify-content:flex-start;width:100%;padding:0;padding-left:0;margin-left:0;padding-left:0;box-sizing:border-box}.header .header-content .company-intro .intro-text{width:100%;max-width:100%;font-size:clamp(0.875rem, 1vw, 1rem);letter-spacing:normal;margin:0;line-height:auto;padding-right:0!important;white-space:normal!important;text-align:left;box-sizing:border-box;color:#777;text-indent:.8em}.header .header-content .company-intro .intro-text .product-keyword{font-weight:500;color:#2c3e50}.header .header-content .company-intro .intro-text .highlight{color:#2c3e50;font-weight:500}.navbar{background-color:var(--navbar-background-color);box-shadow:0 1px 2px rgb(0 0 0 / .1);padding:1em 0;transition:border 0.3s ease-in-out}.navbar.active{align-items:center;background-color:rgb(0 0 0 / .8);color:#fff;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100}.navbar ul{border-radius:12px;display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;margin:0;padding:0;transition:max-height 0.5s ease}.navbar ul li{margin:0 1em;text-align:center;border-right:1px solid rgb(255 255 255 / .3);padding-right:1em}.navbar ul li:last-child{border-right:none}.navbar ul li a i{margin-right:.5em}.navbar ul li a{border-radius:5px;color:#fff;font-size:clamp(0.8rem, 1vw, 1rem);padding:.5em 1em;text-decoration:none;transition:background-color 0.3s ease,color 0.3s ease}.navbar ul li a:hover,.navbar ul li a:focus{background-color:var(--navbar-hover-color);box-shadow:0 2px 5px rgb(0 0 0 / .1);color:#fff}.navbar ul li a .icon{height:16px;margin-right:.5em;width:16px;vertical-align:middle}.company-history{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 0;max-width:100%;width:98%;margin:1rem auto}.column{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;max-width:1600px;margin:.75rem auto;gap:.1rem;padding:1.2rem 1.2rem}.column1{flex:0 0 53%;opacity:1;transform:scale(.9);transition:opacity 1s ease-out,transform 1s ease-out}.column2{flex:0 0 45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10px}.milestones-text li{display:flex;justify-content:flex-start;margin:0;font-size:.875rem}.column .column1 h3.blue,.column .column1 h4.blue,.column .column2 h3.blue,.column .column2 h4.blue{color:var(--third-color);margin-bottom:1rem;text-align:center;width:100%}.history-text{line-height:1.8;margin-bottom:.95rem;color:var(--text-color);text-align:left}.milestones-text{margin-top:1rem;text-align:left}.milestones-text ul{color:var(--third-color);padding-left:0}.section-divider{width:95%;height:1px;background-color:#ddd;margin:2rem auto;box-sizing:border-box}#show-more-btn:hover{transform:scale(1.05);transition:opacity 1s ease-out,transform 1s ease-out}.footer-section{width:100%;background-color:#2c3e50;color:#fff;text-align:center;padding:1.25rem 0;font-size:.9rem;line-height:1.6;box-shadow:0 -2px 5px rgb(0 0 0 / .1);margin:0}.footer-info{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top a{font-size:.9rem;color:#74640b;text-decoration:none;transition:transform 0.3s ease}.footer-top a:hover{color:#feec27;transform:scale(1.2)}.footer-top{margin-bottom:10px}.footer-bottom{align-items:center;text-align:center;font-size:.9rem;color:#bdc3c7}.footer-bottom p{text-align:center}.divider{width:90%;height:1px;background-color:#7f8c8d;margin:10px auto;opacity:.5}@media (max-width:767px){.header-content .branding{flex-direction:row;align-items:center}.logo{width:clamp(50px, 3vw, 60px);height:auto;margin-right:.5rem;margin-top:0;object-fit:contain}.header-content .branding-text{margin-left:0}.gem{letter-spacing:.1em;font-size:1rem}.column{flex-direction:row;align-items:flex-start}.column1,.column2{flex:100%;margin-bottom:20px}.navbar{display:flex;flex-wrap:wrap;justify-content:center}.navbar ul{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin:0}.navbar ul li{width:40%;text-align:center;box-sizing:border-box;padding:4px 0}body{font-size:1.1rem}.header .header-content .branding-text .visually-hidden{font-size:1.8rem}.header .header-content .branding-text .branding-sub{font-size:1rem}.header .header-content .company-intro .intro-text{font-size:1rem}.navbar ul li a{font-size:1.1rem}.milestones-text li{font-size:1rem}.milestones-text{overflow:hidden;transition:max-height 0.5s ease}.history-text,.milestones-text{font-size:1.05rem;line-height:1.8}#show-more-btn{display:block;width:60%;margin:20px 0;font-size:1rem}.footer-section{padding:1rem;font-size:1rem}.footer-bottom p{font-size:1rem}}