:root{--ink:#18302d;--deep:#123f3a;--coral:#e96f51;--cream:#fbf7ef;--mint:#dcebe4;--line:#d8ded9;--white:#fff;--muted:#5e6f6b;--shadow:0 18px 50px rgba(18,63,58,.11);--radius:24px;--max:1180px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Tahoma,"Noto Sans Thai","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;font-size:16px;line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.2em}button,input,select{font:inherit}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:10px 16px;background:var(--white);border:2px solid var(--deep);border-radius:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:auto 1fr auto auto;gap:24px;align-items:center;max-width:var(--max);margin:16px auto;padding:12px 18px;background:rgba(251,247,239,.94);border:1px solid rgba(18,63,58,.12);border-radius:22px;backdrop-filter:blur(16px)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;text-decoration:none;white-space:nowrap}.brand img{width:48px;height:48px}.site-header nav{display:flex;justify-content:center;gap:8px}.site-header nav a,.language{min-height:44px;display:inline-flex;align-items:center;padding:8px 11px;border-radius:12px;text-decoration:none;font-weight:700}.site-header nav a:hover,.site-header nav a[aria-current=page],.language:hover{background:var(--mint)}.menu-toggle{display:none;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--deep)}main{overflow:hidden}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.section{padding:72px 0}.section-tight{padding:42px 0}.eyebrow{margin:0 0 8px;color:var(--coral);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-title{margin:0 0 14px;color:var(--deep);font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.section-lead{max-width:68ch;margin:0;color:var(--muted);font-size:1.06rem}.hero{position:relative;padding:88px 0 70px}.hero:before{position:absolute;inset:-160px -20% auto 40%;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(233,111,81,.25),rgba(220,235,228,.08) 68%,transparent 69%);content:""}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:44px;align-items:center}.hero h1{max-width:12ch;margin:0;color:var(--deep);font-size:clamp(2.7rem,7vw,5.6rem);line-height:.98;letter-spacing:-.04em}.hero-copy{max-width:60ch;margin:24px 0;color:var(--muted);font-size:1.13rem}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 19px;border:2px solid var(--deep);border-radius:999px;background:var(--deep);color:var(--white);font-weight:800;text-decoration:none}.button:hover{background:#0b2e2a}.button-secondary{background:transparent;color:var(--deep)}.button-line{border-color:#0b8648;background:#0b8648}.demo-media{min-height:320px;display:grid;place-items:center;padding:30px;border:1px solid rgba(18,63,58,.15);border-radius:32px;background:linear-gradient(145deg,var(--mint),#f8dccf);box-shadow:var(--shadow);color:var(--deep);font-weight:800;text-align:center}.demo-media:before{display:block;width:84px;height:84px;margin:0 auto 16px;border:3px solid currentColor;border-radius:50%;background:radial-gradient(circle at 50% 42%,transparent 0 25%,currentColor 26% 29%,transparent 30%),linear-gradient(135deg,transparent 46%,currentColor 47% 51%,transparent 52%);content:"";opacity:.6}.media-frame{overflow:hidden;border-radius:24px;background:var(--mint);box-shadow:var(--shadow);aspect-ratio:3/4}.media-frame.wide{aspect-ratio:16/9}.media-frame img{width:100%;height:100%;object-fit:cover}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{overflow:hidden;border:1px solid rgba(18,63,58,.12);border-radius:var(--radius);background:var(--white);box-shadow:0 10px 34px rgba(18,63,58,.06)}.card-body{padding:22px}.card h2,.card h3{margin:0 0 8px;color:var(--deep);line-height:1.25}.meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.pill{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;background:var(--mint);color:var(--deep);font-size:.86rem;font-weight:700}.pill-new{background:#f9d9cf;color:#7e2817}.price{color:var(--coral);font-size:1.8rem;font-weight:900}.price small{color:var(--muted);font-size:.9rem;font-weight:600}.employee-card>a{display:block;text-decoration:none}.employee-card .media-frame{border-radius:0;box-shadow:none}.attendance-time{font-variant-numeric:tabular-nums;font-weight:800}.filter-panel{margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field label,.field legend{font-weight:800}.field input,.field select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #aebcb7;border-radius:11px;background:var(--white);color:var(--ink)}.check-row{display:flex;flex-wrap:wrap;gap:10px}.check{min-height:44px;display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:11px}.filter-actions{display:flex;gap:10px;align-items:end}.empty-state,.error-page{max-width:760px;margin:80px auto;padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-align:center}.pagination{display:flex;justify-content:center;gap:12px;margin-top:32px}.prose{max-width:74ch}.prose p{white-space:pre-line}.store-contact{display:grid;gap:10px}.store-contact a:not(.button){overflow-wrap:anywhere}.language-choice{min-height:100vh;display:grid;place-items:center;padding:32px}.language-card{width:min(720px,100%);padding:42px;border-radius:32px;background:var(--white);box-shadow:var(--shadow);text-align:center}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.language-option{min-height:120px;display:grid;place-items:center;padding:20px;border:2px solid var(--line);border-radius:22px;color:var(--deep);font-size:1.4rem;font-weight:900;text-decoration:none}.language-option.recommended,.language-option:hover{border-color:var(--coral);background:#fff6f1}.site-footer{margin-top:70px;padding:38px 0;background:var(--deep);color:var(--white)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px}.request-id{color:var(--muted);font-family:ui-monospace,monospace;font-size:.82rem}:focus-visible{outline:3px solid #f2a48f;outline-offset:3px}@media (max-width:980px){.site-header{grid-template-columns:1fr auto auto;margin:10px}.brand span{display:none}.menu-toggle{display:inline-grid;place-items:center}.site-header nav{position:absolute;top:72px;right:0;left:0;display:none;margin:0 10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.site-header nav[data-open=true]{display:grid}.hero-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.section{padding:52px 0}.hero{padding:52px 0}.hero h1{font-size:clamp(2.5rem,14vw,4.2rem)}.grid-2,.grid-3,.grid-4,.filter-grid,.language-options,.footer-grid{grid-template-columns:1fr}.demo-media{min-height:250px}.card-body{padding:18px}.language-card{padding:28px 20px}.filter-actions{align-items:stretch;flex-direction:column}.filter-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.line-contact{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.line-qr{width:144px;height:144px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;image-rendering:pixelated}@media(max-width:40rem){.line-contact{align-items:stretch;flex-direction:column}.line-qr{align-self:center}.line-contact .button{width:100%}}@media(prefers-contrast:more){:focus-visible{outline-width:4px}.button{border-width:3px}}@media (max-width:980px){.site-header nav{display:grid}.menu-toggle{display:none}[data-enhanced=true] .menu-toggle{display:inline-grid}[data-enhanced=true] .site-header nav{display:none}[data-enhanced=true] .site-header nav[data-open=true]{display:grid}}