*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--color-dark: #1A1A1A;--color-beige: #F5F0E8;--color-teal: #1A5C5C;--color-teal-mid: #2A8080;--color-mid: #6B6560;--border-dark: rgba(26, 26, 26, .1);--border-light: rgba(245, 240, 232, .09);--font-display: "Syne", sans-serif;--font-body: "Jost", sans-serif;--font-mono: "DM Mono", monospace}body{font-family:var(--font-body);font-weight:300;background:var(--color-beige);color:var(--color-dark);font-size:1rem;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.label{font-family:var(--font-mono);font-size:.78rem;font-weight:400;letter-spacing:.08em;color:var(--color-teal-mid)}.label--dark{color:#f5f0e86b}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:4.5rem}.section-header hr{flex:1;border:none;border-top:1px solid var(--border-dark)}.section-header--dark hr{border-color:var(--border-light)}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:.08em;transition:background .2s,border-color .2s,color .2s}.btn svg{transition:transform .25s}.btn:hover svg{transform:translate(4px)}.btn--outline{color:var(--color-beige);border:1px solid rgba(245,240,232,.35);padding:1rem 2rem}.btn--outline:hover{background:#f5f0e81a;border-color:#f5f0e8b3}:lang(th){--font-display: "Sarabun", sans-serif;--font-body: "Sarabun", sans-serif}:lang(th) body{font-weight:400;line-height:1.85}:lang(th) .section-title,:lang(th) h1,:lang(th) h2,:lang(th) h3{font-weight:700;letter-spacing:0}:lang(th) .hero__heading{font-family:Sarabun,sans-serif;font-size:clamp(2.7rem,4.6vw,5rem);letter-spacing:-.01em;line-height:1.4}@media(max-width:900px){:lang(th) .hero__heading{font-size:clamp(2.2rem,9vw,3.5rem);line-height:1.3}}:lang(th) .svc-hero__heading{font-family:Sarabun,sans-serif;letter-spacing:-.01em;line-height:1.4}:lang(th) .about-hero__heading{font-family:Sarabun,sans-serif;letter-spacing:-.01em;line-height:1.4}:lang(th) .section-title,:lang(th) .os-compat__heading{line-height:1.45}:lang(th) .service-card__name,:lang(th) .server-card__name,:lang(th) .cta__heading{line-height:1.45}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade{opacity:0;animation:fade-up .8s ease forwards}.fade--d1{animation-delay:.05s}.fade--d2{animation-delay:.2s}.fade--d3{animation-delay:.38s}.fade--d4{animation-delay:.55s}.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.js .reveal,.reveal.is-visible{opacity:1;transform:none}.reveal-clip{clip-path:inset(0 0 0% 0);transition:clip-path .9s cubic-bezier(.16,1,.3,1)}.js .reveal-clip,.reveal-clip.is-visible{clip-path:inset(0 0 0% 0)}