@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{--background: #f5fbf7;--foreground: #2e3631;--primary: #1e7f72;--primary-foreground: #f4fffb;--secondary: #d9a84a;--secondary-foreground: #ffffff;--accent: #dff5ee;--accent-foreground: #47544f;--muted: #edf8f3;--muted-foreground: #6a7b74;--border: #c9e6dc;--destructive: #a85448;--surface: #f7fffc;--shadow-soft: 0 4px 20px -2px rgba(30, 127, 114, .14);--shadow-float: 0 10px 40px -10px rgba(30, 127, 114, .18);color-scheme:light;font-family:Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;color:var(--foreground);background:var(--background)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(205,239,232,.92),transparent 22%),radial-gradient(circle at 85% 15%,rgba(217,168,74,.16),transparent 24%),linear-gradient(180deg,#f5fbf7,#eef8f3)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");background-size:180px 180px;z-index:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;line-height:1.12;margin:0}p{margin:0}#root{position:relative;z-index:1}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:16px 0 32px}.topbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:999px;background:#fcfffde6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:var(--shadow-soft)}.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-copy strong{font-size:.98rem}.brand-copy span{font-size:.82rem;color:var(--muted-foreground)}.topbar-links{display:flex;align-items:center;gap:20px;color:#30403b}.topbar-links a{padding:10px 12px;border-radius:999px;transition:background .24s ease,transform .24s ease,color .24s ease}.topbar-links a:hover{background:#1e7f7217;color:var(--primary);transform:translateY(-1px)}.topbar-links a.topbar-call{background:var(--primary);color:var(--primary-foreground);font-weight:800;padding:10px 18px;box-shadow:var(--shadow-soft)}.topbar-links a.topbar-call:hover{background:#1a6f64;color:var(--primary-foreground)}.hero,.section{position:relative;overflow:clip;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:32px;background:#f8fffcd9;box-shadow:var(--shadow-soft)}.section--glass{background:linear-gradient(180deg,#fbfffde6,#dff5eeb3),#f8fffce0}.section--dark{background:radial-gradient(circle at top left,rgba(30,127,114,.12),transparent 28%),radial-gradient(circle at top right,rgba(217,168,74,.12),transparent 22%),linear-gradient(180deg,#f4f9f6f2,#eaf3eeeb)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding:40px;min-height:720px;align-items:center}.hero-gridline{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:26px;border:1px solid rgba(30,127,114,.08);background-image:linear-gradient(rgba(30,127,114,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,127,114,.045) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 96%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 96%);pointer-events:none}.hero:after,.section:after,.cta-card:after,.feature-card:after,.hero-panel__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");background-size:140px 140px;border-radius:inherit}.hero-backdrop{position:absolute;filter:blur(90px);opacity:.68;pointer-events:none}.hero-backdrop--one{width:280px;height:280px;left:-60px;top:-40px;background:#1e7f7229;border-radius:58% 42% 39% 61%/51% 41% 59% 49%}.hero-backdrop--two{width:340px;height:340px;right:-80px;bottom:-100px;background:#d9a84a29;border-radius:45% 55% 60% 40%/60% 35% 65% 40%}.hero-copy{position:relative;z-index:1;max-width:640px}.eyebrow{margin-bottom:16px;color:var(--primary);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800}.hero h1{font-size:clamp(2.4rem,5.4vw,5rem);max-width:12.5ch;line-height:1.05;font-weight:800;word-break:keep-all;overflow-wrap:anywhere}.lede{max-width:44ch;margin-top:20px;font-size:1.08rem;line-height:1.8;color:var(--accent-foreground)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:1rem;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease}.button:hover{transform:translateY(-2px) scale(1.02)}.button:active{transform:translateY(0) scale(.97)}.button-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-soft)}.button-primary:hover{box-shadow:0 6px 24px -4px #1e7f7247}.button-outline{background:transparent;color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 85%,transparent);box-shadow:inset 0 0 0 1px #d9a84a24}.button-outline:hover{background:#d9a84a1f}.button-ghost{background:transparent;color:var(--primary)}.button-ghost:hover{background:#1e7f7217}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.stat{padding:18px 18px 20px;border-radius:28px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:#fbfffdb8;box-shadow:var(--shadow-soft)}.stat strong{display:block;font-family:Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:1.65rem;line-height:1.1;color:var(--foreground)}.stat span{display:block;margin-top:8px;font-size:.95rem;color:var(--muted-foreground);line-height:1.5}.hero-panel{position:relative;z-index:1;display:grid;gap:18px;align-self:stretch}.hero-panel__image{position:relative;min-height:440px;border:4px solid rgba(255,255,255,.9);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:radial-gradient(circle at 30% 20%,rgba(205,239,232,.95),transparent 30%),radial-gradient(circle at 70% 30%,rgba(217,168,74,.7),transparent 28%),radial-gradient(circle at 52% 70%,rgba(30,127,114,.16),transparent 35%),linear-gradient(145deg,#eefaf6,#dff5ee);box-shadow:var(--shadow-float);transform:rotate(-2deg);overflow:hidden}.orb{position:absolute;filter:blur(.3px);box-shadow:inset 0 0 30px #ffffff40}.orb--one{width:180px;height:180px;left:16px;top:34px;background:#1e7f723d;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.orb--two{width:150px;height:150px;right:28px;top:64px;background:#d9a84a3d;border-radius:45% 55% 60% 40%/45% 35% 65% 55%}.orb--three{width:210px;height:210px;right:20px;bottom:22px;background:#ffffff38;border-radius:55% 45% 35% 65%/40% 60%}.hero-logo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(62%,300px);height:auto;padding:18px;border-radius:36px;background:#fff;box-shadow:0 12px 36px -8px #1e7f7240}.hero-panel__card{position:relative;padding:24px 26px 26px;border-radius:30px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);background:#fbfffde0;box-shadow:var(--shadow-soft)}.panel-label{margin-bottom:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--primary)}.hero-panel__card h2{margin-bottom:10px;font-size:2rem;line-height:1.18}.hero-panel__card p{color:var(--accent-foreground);line-height:1.7}.hero-panel__card a{color:var(--primary);font-weight:800}.panel-list{margin:18px 0 0;padding-left:18px;color:var(--accent-foreground);line-height:1.7}.panel-list li+li{margin-top:8px}.section{margin-top:24px;padding:36px}.section--muted{background:linear-gradient(180deg,#dff5eebf,#f8fffce6),#f8fffce6}.section--sand{background:linear-gradient(180deg,#eff8f3cc,#f8fffceb),#f8fffce0}.section-heading{max-width:44rem;margin-bottom:24px}.section-heading--tight{margin-bottom:18px}.section-heading--narrow{max-width:30rem}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15}.section-heading p:last-child{margin-top:16px;color:var(--accent-foreground);line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{position:relative;padding:24px;min-height:240px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);background:#fafffce0;box-shadow:var(--shadow-soft);transition:transform .28s ease,box-shadow .28s ease}.feature-card:before,.highlight-card:before,.business-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 55%);pointer-events:none}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #1e7f722e}.feature-card h3{margin-top:70px;margin-bottom:12px;font-size:1.65rem;line-height:1.18}.feature-card p{color:var(--accent-foreground);line-height:1.75}.feature-link{display:inline-flex;margin-top:18px;color:var(--primary);font-weight:800}.feature-index{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#1e7f721f;color:var(--primary);font-weight:800}.feature-card--one{border-radius:2rem 4rem}.feature-card--two{border-radius:4rem 2rem;margin-top:26px}.feature-card--three{border-radius:2rem 2rem 4rem 4rem;margin-top:12px}.process-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.process-steps{display:grid;gap:16px}.highlight-grid,.business-grid{display:grid;gap:18px;grid-template-columns:1.2fr .9fr .9fr}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-card,.business-card{position:relative;overflow:clip;padding:24px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:28px;background:#fbfffde0;box-shadow:var(--shadow-soft)}.highlight-card h2,.business-card h3{margin-top:8px;margin-bottom:10px}.highlight-card p,.business-card p{color:var(--accent-foreground);line-height:1.8}.highlight-card--metric span{display:inline-flex;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:#1e7f721c;color:var(--primary);font-weight:800}.highlight-card--metric strong{display:block;font-size:1.8rem;margin-bottom:12px}.step{display:flex;gap:16px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:30px;background:#fbfffddb;box-shadow:var(--shadow-soft)}.step span{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:#d9a84a24;color:#b98719;font-weight:800}.step h3{margin-top:2px;margin-bottom:8px;font-size:1.45rem;line-height:1.2}.step p{color:var(--accent-foreground);line-height:1.7}.article-hero{position:relative;overflow:clip;min-height:460px;padding:52px 40px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:32px;background:linear-gradient(120deg,#fafffcf2,#dff5eeb3),var(--surface);box-shadow:var(--shadow-soft)}.article-hero h1{max-width:13ch;font-size:4.25rem;line-height:1.12}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{padding:26px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:28px;background:#fbfffddb;box-shadow:var(--shadow-soft)}.article-card h2{margin-bottom:12px;font-size:1.8rem;line-height:1.18}.article-card p{color:var(--accent-foreground);line-height:1.8}.related-links{margin-top:32px}.related-links ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.related-links a{display:inline-block;padding:10px 18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:#fbfffddb;color:var(--accent-foreground);text-decoration:none;font-weight:600;transition:background .2s ease,border-color .2s ease}.related-links a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.faq-grid{display:grid;gap:14px}.faq-item{padding:18px 22px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:26px;background:#fbfffddb;box-shadow:var(--shadow-soft)}.faq-item summary{cursor:pointer;list-style:none;font-weight:800;color:var(--foreground);line-height:1.3}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:12px;color:var(--accent-foreground);line-height:1.75}.cta{margin-bottom:12px;padding:0;border:none;box-shadow:none;background:transparent}.cta-card{position:relative;overflow:clip;padding:36px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:40px;background:radial-gradient(circle at 20% 20%,rgba(30,127,114,.14),transparent 26%),radial-gradient(circle at 82% 20%,rgba(217,168,74,.16),transparent 25%),#f8fffceb;box-shadow:var(--shadow-float)}.cta-card h2{margin-top:6px;font-size:clamp(2.1rem,4vw,3.8rem);max-width:13ch;line-height:1.15}.cta-card p{max-width:34rem;margin-top:14px;color:var(--accent-foreground);line-height:1.8}.cta-card p a{color:var(--primary);font-weight:800}.cta-card .actions{margin-top:24px}.contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 0}.contact-list div{padding:16px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:22px;background:#fbfffde0}.contact-list dt{margin-bottom:6px;color:var(--primary);font-weight:800}.contact-list dd{margin:0;color:var(--accent-foreground);line-height:1.65}.contact-list a{color:var(--primary);font-weight:800}.facility-gallery{container-type:inline-size}.facility-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:300px 300px;gap:12px}.facility-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);box-shadow:var(--shadow-soft)}.facility-photo--featured{grid-column:span 2;grid-row:span 2}.facility-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.facility-photo:hover img{transform:scale(1.04)}.facility-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#1e362eb8);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em}@container (max-width: 640px){.facility-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.facility-photo--featured{grid-column:span 2;grid-row:span 1}}.site-footer{margin-top:8px;padding:24px 0 12px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.site-footer__text{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--muted-foreground)}.site-footer__socials{display:flex;gap:12px}.social-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--border);background:#fbfffde0;box-shadow:var(--shadow-soft);font-weight:700;font-size:.95rem;color:var(--foreground);transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.social-link--facebook{color:#1877f2}.social-link--facebook:hover{background:#1877f212}.social-link--tiktok{color:#010101}.social-link--tiktok:hover{background:#0000000d}.site-footer__copy{font-size:.78rem;color:var(--muted-foreground)}@media (max-width: 980px){.topbar{border-radius:28px;align-items:flex-start;flex-direction:column}.topbar-links{flex-wrap:wrap;gap:8px}.hero{grid-template-columns:1fr;padding:28px}.hero-panel__image{min-height:360px}.feature-grid,.stats,.process-layout,.article-grid,.contact-list,.highlight-grid,.business-grid{grid-template-columns:1fr}.feature-card,.feature-card--two,.feature-card--three{margin-top:0}}@media (max-width: 640px){.shell{width:min(100% - 20px,1120px);padding-top:10px}.hero,.section,.cta-card{padding:22px;border-radius:26px}.actions{flex-direction:column}.button{width:100%}.hero h1{max-width:100%;font-size:clamp(2.6rem,12vw,4rem)}.topbar-links a.topbar-call{width:100%;text-align:center}.article-hero h1{max-width:100%;font-size:2.7rem}}