@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap";:root{--bg-dark: #2e3842;--bg-darker: #232833;--bg-alt: #394550;--text: #d7d9e0;--text-muted: #9096a6;--accent: #47d3e5;--accent-2: #21b2a6;--border: rgba(255, 255, 255, .18)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Open Sans,Microsoft JhengHei,sans-serif;background:var(--bg-dark);color:var(--text);line-height:1.7}a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:68em;margin:0 auto;padding:0 2em}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s ease,box-shadow .3s ease}.navbar.scrolled{background:#1c2128f2;box-shadow:0 2px 12px #00000059}.navbar-inner{max-width:68em;margin:0 auto;padding:0 2em;display:flex;align-items:center;justify-content:space-between;min-height:4em}.navbar-brand{font-weight:800;font-size:1.1em;letter-spacing:.15em;color:#fff}.navbar-links{list-style:none;display:flex;gap:1.6em}.navbar-links a{color:var(--text);font-size:.95em;letter-spacing:.05em;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.navbar-links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.navbar-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:6px}.navbar-toggle .bar{width:24px;height:2px;background:#fff}.banner{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#13171cc7,#13171cd1),url(../touch_back.png) center/cover no-repeat;position:relative;padding:6em 2em 4em}.banner h1{font-size:clamp(2.6rem,8vw,4.6rem);font-weight:800;color:#fff;letter-spacing:.22em;text-indent:.22em;position:relative;padding-bottom:.5em;margin-bottom:.6em}.banner h1:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:5em;height:2px;background:var(--accent-2)}.banner p{font-size:1.15em;color:var(--text);letter-spacing:.08em}.actions{list-style:none;margin-top:2.4em}.button{display:inline-block;padding:.85em 2.2em;border:1px solid var(--border);border-radius:3px;color:#fff;font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:.95em;transition:background .25s ease,border-color .25s ease,color .25s ease}.button.primary{border-color:var(--accent-2);background:var(--accent-2)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.more{position:absolute;bottom:1.6em;left:50%;transform:translate(-50%);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;animation:floaty 1.6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.more:hover{color:var(--accent)}.wrapper{padding:6em 0}.wrapper.alt{background:var(--bg-alt)}header.major{text-align:center;margin-bottom:4em}header.major h2{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:#fff;position:relative;padding-bottom:.55em;margin-bottom:.7em}header.major h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:4.5em;height:2px;background:var(--accent-2)}header.major p{color:var(--text-muted);max-width:46em;margin:0 auto}.about-grid{display:flex;justify-content:center;gap:3em;align-items:center}.about-grid .image{flex:0 1 520px}.image.fit{display:block;width:100%}.image.fit img{border-radius:4px;width:100%;box-shadow:0 18px 40px #00000059}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2em}.feature-card{background:#ffffff0a;border:1px solid var(--border);border-radius:4px;padding:3em 2.4em;text-align:center;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-6px);border-color:var(--accent-2)}.feature-card h3{color:#fff;font-weight:800;font-size:1.25em;margin:1.2em 0 .8em;letter-spacing:.08em}.feature-card p{color:var(--text-muted);font-size:.98em}.icon.major{display:inline-flex;align-items:center;justify-content:center;width:3.4em;height:3.4em;border:2px solid var(--border);border-radius:50%;color:var(--accent);transition:border-color .3s ease,color .3s ease}.feature-card:hover .icon.major{border-color:var(--accent);color:var(--accent-2)}.contact-info{display:flex;flex-direction:column;gap:1.2em;align-items:center}.contact-item{display:inline-flex;align-items:center;gap:.7em;color:var(--text);font-size:1.05em}.contact-item svg{color:var(--accent)}.contact-item a{color:var(--accent);font-weight:600}.contact-item a:hover{color:#fff}.footer{background:var(--bg-darker);padding:2.4em 0;text-align:center;color:var(--text-muted);font-size:.9em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.features-grid{grid-template-columns:1fr}}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#1c2128fa;display:none;padding:0 2em}.navbar-links.open{display:flex}.navbar-links li{border-top:1px solid var(--border)}.navbar-links a{display:block;padding:.9em 0}.wrapper{padding:4em 0}.about-grid{flex-direction:column}}