:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-thai:"Noto Sans Thai", var(--font-sans);--bg-base:#fff;--bg-surface:#f9fafb;--bg-surface-subtle:#f3f4f6;--fg-base:#111827;--fg-muted:#4b5563;--fg-faint:#9ca3af;--border-color:#e5e7eb;--accent-color:#1e3a8a;--transition-slow:.8s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--fg-base);font-family:var(--font-thai);line-height:1.5;overflow-x:hidden}body.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:80rem;margin:0 auto;padding:0 1.25rem}@media (width>=768px){.container{padding:0 1.5rem}}.relative{position:relative}.pb-16{padding-bottom:4rem}.pt-32{padding-top:8rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pb-8{padding-bottom:2rem}.pt-16{padding-top:4rem}.pt-6{padding-top:1.5rem}.mb-16{margin-bottom:4rem}.mt-6{margin-top:1.5rem}.ml-auto{margin-left:auto}@media (width>=768px){.md-py-24{padding-top:6rem;padding-bottom:6rem}.md-pt-20{padding-top:5rem}}.row{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.row{flex-direction:row;align-items:flex-start;gap:4rem}.row-reverse{flex-direction:row-reverse;align-items:flex-start;gap:4rem;display:flex}}.border-t{border-top:1px solid var(--border-color)}.border{border:1px solid var(--border-color)}.text-fg{color:var(--fg-base)}.text-fg-muted{color:var(--fg-muted)}.text-fg-faint{color:var(--fg-faint)}.text-accent{color:var(--accent-color)}.text-right{text-align:left}@media (width>=768px){.text-right{text-align:right}}.justify-end{justify-content:flex-start}@media (width>=768px){.justify-end{justify-content:flex-end}}.inline-block{display:inline-block}.lang-toggle{z-index:50;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:border-color var(--transition-normal);background-color:#fffc;align-items:center;display:flex;position:fixed;top:1rem;right:1rem}.lang-toggle:hover{border-color:var(--fg-faint)}.lang-toggle span{font-size:.75rem;font-family:var(--font-sans);letter-spacing:.05em;transition:background-color var(--transition-normal), color var(--transition-normal);padding:.375rem .625rem}.lang-active{background-color:var(--bg-surface-subtle);color:var(--fg-base)}.lang-inactive{color:var(--fg-faint)}@keyframes scaleYIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes scaleXIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slideUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-on-load,.animate-on-scroll,.animate-on-scroll-left,.animate-on-scroll-right{opacity:0}.animate-on-load{transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translate(-40px)}.animate-on-scroll{transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(20px)}.animate-on-scroll-left{transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translate(-40px)}.animate-on-scroll-right{transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translate(40px)}.is-visible{opacity:1!important;transform:translate(0)!important}.hero-section{flex-direction:column;justify-content:flex-end;min-height:85vh;display:flex;overflow:hidden}.hero-title{text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;font-family:var(--font-sans);background:linear-gradient(135deg,#111827 0%,#1e3a8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{max-width:42rem;color:var(--fg-muted);margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.hero-est{font-family:var(--font-sans);color:var(--fg-faint);margin-top:1rem;font-size:.75rem;display:inline-block}.section-header{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}@media (width>=768px){.section-header{margin-bottom:3rem}}.icon-lg{width:4rem;height:4rem}.section-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;position:relative}.title-underline{width:100%;height:8px;position:absolute;bottom:-.5rem;left:0}.title-underline path{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1) .2s,opacity 1s}.is-visible .title-underline path{stroke-dashoffset:0;opacity:1}.product-list{flex-direction:column;gap:2rem;display:flex}.product-item{border-bottom:1px solid var(--border-color);padding:3rem 0}.product-item:first-child{padding-top:0}.product-item:last-child{border-bottom:none;padding-bottom:0}.product-content{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.product-content{flex-direction:row;gap:4rem}.product-item:nth-child(2n) .product-content{flex-direction:row-reverse}}.product-image-wrap{flex-shrink:0}.product-image-box{border:1px solid var(--border-color);background-color:var(--bg-surface-subtle);border-radius:12px;justify-content:center;align-items:center;width:10rem;height:10rem;display:flex;overflow:hidden}@media (width>=768px){.product-image-box{width:13rem;height:13rem}}.product-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-item:hover .product-img{transform:scale(1.05)}.product-details{flex:1}.product-title-row{align-items:center;gap:.75rem;display:flex}.product-name{letter-spacing:-.025em;transition:color var(--transition-normal);font-size:1.25rem;font-weight:700}@media (width>=768px){.product-name{font-size:1.5rem}}.product-item:hover .product-name{color:var(--accent-color)}.product-status{align-items:center;gap:.375rem;display:flex}.status-dot{background-color:var(--accent-color);border-radius:9999px;width:.375rem;height:.375rem;display:inline-block}.status-text{font-family:var(--font-sans);letter-spacing:.05em;color:var(--fg-faint);font-size:.625rem}.product-year{font-family:var(--font-sans);letter-spacing:.05em;color:var(--fg-faint);margin-top:.25rem;font-size:.625rem;display:block}.divider-short{background-color:var(--border-color);width:2.5rem;height:1px;margin-top:.75rem}.product-desc{max-width:32rem;color:var(--fg-muted);margin-top:.75rem;font-size:.875rem;line-height:1.6}.product-tech{color:var(--fg-faint);margin-top:.75rem;font-size:.75rem;line-height:1.6}.product-actions{gap:.75rem;margin-top:1.25rem;display:flex}.btn-outline{color:var(--fg-muted);transition:all var(--transition-normal);background-color:#0000;border:1px solid #00000026;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.team-list{flex-direction:column;display:flex}.team-member{padding:3rem 0}@media (width>=768px){.team-member{padding:4rem 0}}.team-image-wrap{flex-shrink:0}.team-image-box{border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:12px;width:10rem;height:10rem;overflow:hidden}@media (width>=768px){.team-image-box{width:13rem;height:13rem}}.team-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.team-member:hover .team-img{transform:scale(1.05)}.team-details{flex-direction:column;flex:1;margin-top:1.5rem;display:flex}@media (width>=768px){.team-details{margin-top:0}}.team-username{font-family:var(--font-sans);letter-spacing:.1em;color:var(--fg-faint);font-size:.75rem}.team-name{letter-spacing:-.025em;margin-top:.75rem;font-size:1.5rem;font-weight:700}@media (width>=768px){.team-name{font-size:1.875rem}}.team-en-name{color:var(--fg-faint);margin-top:.25rem;font-size:1rem}.team-divider{width:3rem;margin-top:1rem}.team-role{font-family:var(--font-sans);letter-spacing:.025em;color:var(--fg-muted);margin-top:1rem;font-size:.875rem}.team-desc{max-width:28rem;color:var(--fg-faint);margin-top:.75rem;font-size:.875rem;line-height:1.6}.team-social{flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem;display:flex}.social-link{color:var(--fg-faint);transition:color var(--transition-normal);font-family:var(--font-sans);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.social-link:hover{color:var(--fg-base)}.partner-box{text-align:center;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}@media (width>=768px){.partner-box{padding:5rem 1.5rem}}.partner-title{letter-spacing:-.025em;font-size:1.125rem;font-weight:700}.partner-desc{max-width:24rem;color:var(--fg-muted);margin-top:.5rem;font-size:.875rem;line-height:1.6}.footer-brand{flex:1}.footer-logo{letter-spacing:-.025em;font-size:1.5rem;font-weight:900}.footer-slogan{max-width:20rem;color:var(--fg-muted);margin-top:.75rem;font-size:.875rem;line-height:1.6}.footer-links{gap:4rem}.link-group-title{font-family:var(--font-sans);letter-spacing:.1em;color:var(--fg-faint);font-size:.6875rem}.link-group ul{flex-direction:column;gap:.625rem;margin-top:1rem;display:flex}.link-group a{color:var(--fg-muted);transition:color var(--transition-normal);font-size:.875rem}.link-group a:hover{color:var(--fg-base)}.footer-banner{overflow:hidden}.banner-img-wrap{width:100%;height:13rem;position:relative}@media (width>=768px){.banner-img-wrap{height:16rem}}.banner-img{object-fit:cover;opacity:.05;width:100%;height:100%}.banner-overlay{background:linear-gradient(to top, var(--bg-base), transparent, #fff9);pointer-events:none;position:absolute;inset:0}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.copyright,.back-to-top{font-family:var(--font-sans);color:var(--fg-faint);font-size:.6875rem}.back-to-top{transition:color var(--transition-normal)}.back-to-top:hover{color:var(--fg-base)}.about-lead{color:var(--fg-muted);border-left:2px solid var(--accent-color);margin-bottom:2.5rem;padding-left:1rem;font-size:1.125rem;line-height:1.6}.timeline{flex-direction:column;display:flex}@media (width>=768px){.timeline{flex-direction:row}}.timeline-item{flex:1}.timeline-badge{font-family:var(--font-sans);letter-spacing:.05em;color:var(--fg-faint);font-size:.75rem}.timeline-title{color:var(--fg-base);margin-top:.5rem;font-size:1.25rem;font-weight:700}.timeline-desc{color:var(--fg-muted);margin-top:1rem;font-size:.875rem;line-height:1.6}.meteor-canvas{z-index:-1;pointer-events:none;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0}