@font-face{font-family:Sarabun;src:url(/_astro/Sarabun-Regular.DAA4UqwG.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url(/_astro/Sarabun-SemiBold.D3FE6r2z.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Sarabun;src:url(/_astro/Sarabun-Bold.6Li9Mbbs.woff2) format("woff2");font-style:normal;font-weight:700 900;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);line-height:1.7;font-size:1rem;background-color:var(--color-bg)}.page-bg-img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);line-height:1.3;font-weight:700}address{font-style:normal}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--color-primary);color:var(--color-white);padding:.5rem 1rem;border-radius:var(--radius-sm);z-index:9999;font-weight:600}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#main-content:focus{outline:none}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section,.section-alt{padding:1.25rem var(--container-pad);background:transparent}.section-intro{text-align:center}.section.section-intro>.container{padding:3.5rem 2.5rem}.section-intro .section-header{margin-bottom:2rem}.hero-below h1,.section-intro h2,.cta-section h2,.section-header h2,.page-header h1{font-size:var(--fz-heading);line-height:var(--lh-heading)}.hero-below .hero-desc,.cta-desc,.section-desc,.section-header p,.page-header p,.faq-answer{font-size:var(--fz-body);line-height:var(--lh-body)}.faq-item summary{font-size:var(--fz-body);line-height:var(--lh-heading)}.section>.container,.section-alt>.container{padding:3rem 2.5rem}.section-brand{display:inline-block;font-size:clamp(.85rem,1.5vw,1rem);font-weight:900;text-transform:uppercase;letter-spacing:.18em;margin-bottom:.6rem;color:var(--brand-highlight)}h1 .section-brand,h2 .section-brand{font-size:inherit;font-weight:inherit;letter-spacing:.04em;margin-bottom:0;margin-right:.25em;vertical-align:baseline}.brand-name-auto{color:var(--brand-highlight);font-weight:700}.section-intro,.faq-footer,.cta-section{content-visibility:auto;contain-intrinsic-size:auto 500px}@media (hover: none){.btn-gold:hover,.btn-outline-gold:hover,.btn-ghost:hover{transform:none;filter:none}}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--color-text)}.section-header p{color:var(--color-text-muted);max-width:560px;margin-inline:auto;margin-top:.75rem}.section-header .section-brand{color:var(--brand-highlight);max-width:none;margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 2rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;border:2px solid transparent;transition:all .2s ease;text-align:center;font-family:var(--font-sans);letter-spacing:.02em}.btn-ghost{background:#ffffff0f;color:var(--color-text);border-color:var(--color-border-subtle)}.btn-ghost:hover{background:#ffffff1a}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-bottom:none;box-shadow:var(--header-glass-shadow)}.header-inner{display:flex;align-items:center;gap:1.5rem;height:var(--header-height)}.site-logo{display:flex;align-items:center}.site-logo img{height:64px;width:auto}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:.125rem;list-style:none}.main-nav a{display:block;padding:.5rem .9rem;border-radius:var(--radius-sm);border:2px solid transparent;font-weight:600;font-size:.9375rem;color:var(--nav-text);transition:color .15s,background .15s,border-color .15s}.main-nav a:hover{color:var(--color-primary)}.main-nav a[aria-current=page]{color:var(--color-primary);background:var(--nav-active-bg);border-color:var(--color-primary);font-weight:700}.header-actions{display:flex;gap:.75rem;align-items:center;margin-left:1rem}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-primary);border-radius:2px}.mobile-menu{background:var(--color-bg-2);border-bottom:1px solid var(--color-border);padding:1rem}.mobile-menu ul{display:flex;flex-direction:column;gap:.25rem;list-style:none}.mobile-menu a:not(.btn){display:block;padding:.75rem 1rem;border-radius:var(--radius-sm);border:2px solid transparent;font-weight:600;color:var(--color-text-muted);transition:color .15s,background .15s,border-color .15s}.mobile-menu a:not(.btn):hover{color:var(--color-primary)}.mobile-menu a:not(.btn)[aria-current=page]{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary);font-weight:700}.site-header .mobile-menu a:not(.btn)[aria-current=page]{color:var(--brand-highlight);background:var(--nav-active-bg);border-color:var(--brand-highlight);font-weight:700}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:var(--glass-bg-mobile);border-top:var(--glass-border-mobile);box-shadow:var(--bottom-nav-bar-shadow)}.mobile-bottom-nav-list{display:flex;align-items:stretch;justify-content:space-around;list-style:none;margin:0;padding:0;min-height:var(--bottom-nav-height)}.mobile-bottom-nav-list>li{flex:1;min-width:0}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;height:100%;min-height:var(--bottom-nav-height);padding:.35rem .15rem;font-size:.625rem;font-weight:600;line-height:1.2;text-align:center;color:var(--bottom-nav-item-color);transition:color .15s,background .15s,filter .15s}.mobile-bottom-nav-item:hover,.mobile-bottom-nav-item:focus-visible{color:var(--bottom-nav-item-hover)}.mobile-bottom-nav-item.is-active{color:var(--bottom-nav-item-active)}.mobile-bottom-nav-item.is-highlight{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:-.25rem;padding-top:.5rem;color:var(--bottom-nav-play-text);background:var(--bottom-nav-play-bg);box-shadow:var(--bottom-nav-play-shadow)}.mobile-bottom-nav-item.is-highlight:hover,.mobile-bottom-nav-item.is-highlight:focus-visible{color:var(--bottom-nav-play-text);filter:brightness(var(--bottom-nav-play-hover-brightness))}.mobile-bottom-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-bottom-nav-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-banner-section{padding:0;background:transparent;width:100%}.hero-banner-img{width:100%;height:auto;display:block;object-fit:fill;border-radius:0}.promo-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.promo-img-card,.promo-full-card{display:block;cursor:pointer}.promo-img-card img,.promo-full-card img{width:100%;height:auto;display:block}.promo-grid-5{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-desc{color:var(--color-text-muted);margin-bottom:2rem;margin-inline:auto}.page-header{padding:1.25rem var(--container-pad) 0;background:transparent}.page-header>.container{padding:2.5rem}.page-header h1{color:var(--color-text);margin-block:.75rem}.page-header p{color:var(--color-text-muted)}.breadcrumb{display:flex;gap:.5rem;align-items:center;font-size:.8125rem;color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{opacity:.4}.line-card{background:#1ecc65;border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;max-width:440px;margin-inline:auto;box-shadow:0 4px 16px #06c75533}.line-card .line-icon{font-size:4rem;margin-bottom:1rem}.line-card h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.line-card p{color:#ffffffd9;font-size:.9375rem;margin-bottom:1.5rem}.line-id{background:#0003;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:.05em}.line-qr{width:180px;height:180px;margin-inline:auto;margin-bottom:1.5rem;border-radius:var(--radius-md);overflow:hidden;background:#fff}.line-qr img{width:100%;height:100%;object-fit:fill}.faq-footer{padding:1.25rem var(--container-pad) 2rem;background:transparent}.faq-footer>.container{padding:3rem 2.5rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem;max-width:960px;margin-inline:auto}.faq-item{border-bottom:1px solid var(--color-border-subtle)}.faq-item summary{padding:1.125rem 0;cursor:pointer;font-weight:600;color:var(--color-text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.25rem;color:var(--color-primary);flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-answer{padding-bottom:1.125rem;color:var(--color-text-muted)}.page-bg-overlay{display:block;position:fixed;inset:0;z-index:-1;background:var(--page-overlay);pointer-events:none}:is(.section,.section-alt,.hero-below,.cta-section,.faq-footer,.page-header)>.container,.section.section-intro>.container{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:var(--glass-border)}.section-alt,.faq-footer{background:transparent;border:none}.gold-line{width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);margin:.75rem auto 0;border-radius:999px}.btn-gold{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:2px solid transparent;box-shadow:none}.btn-gold:hover{filter:none;transform:none;box-shadow:0 2px 8px #0000004d}.btn-outline-gold{color:var(--btn-outline-text);border-color:var(--btn-outline-text)}.btn-outline-gold:hover{background:var(--color-primary-light);box-shadow:none}@media (max-width: 1200px){.faq-grid{gap:0 2rem}}@media (max-width: 1024px){:is(.section,.section-alt,.hero-below,.cta-section,.faq-footer,.page-header)>.container,.section.section-intro>.container{padding:2.25rem 1.75rem}.section-header{margin-bottom:2rem}}@media (max-width: 768px){:root{--container-pad: .75rem;--header-height: 72px;--bottom-nav-height: 64px}.mobile-bottom-nav{display:block}body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}.section,.section-alt,.faq-footer{padding:.625rem var(--container-pad)}.page-header{padding-top:.625rem;padding-bottom:0}:is(.section,.section-alt,.hero-below,.cta-section,.faq-footer,.page-header)>.container,.section.section-intro>.container{padding:1.5rem 1rem;border-radius:var(--radius-lg);background:var(--glass-bg-mobile);backdrop-filter:none;border:var(--glass-border-mobile)}.main-nav,.header-actions{display:none}.nav-toggle{display:flex}.site-logo img{height:44px}.promo-grid-5{grid-template-columns:1fr;gap:1.25rem}.section-header{margin-bottom:1.5rem}.faq-grid{grid-template-columns:1fr;gap:0}.faq-item summary{padding:1rem 0}.line-card{padding:2rem 1.25rem}.line-qr{width:140px;height:140px}.btn-lg{padding:.875rem 1.5rem;font-size:.9375rem}.btn-sm{font-size:.8125rem}}@media (max-width: 480px){:root{--container-pad: .625rem;--bottom-nav-height: 60px}.mobile-bottom-nav-label{font-size:.5625rem}.mobile-bottom-nav-icon svg{width:20px;height:20px}.mobile-bottom-nav-item.is-highlight .mobile-bottom-nav-icon svg{width:22px;height:22px}.section,.section-alt,.faq-footer,.page-header{padding:.5rem var(--container-pad)}:is(.section,.section-alt,.hero-below,.cta-section,.faq-footer,.page-header)>.container,.section.section-intro>.container{padding:1.25rem .875rem;border-radius:var(--radius-md)}.line-card{padding:1.5rem 1rem}.line-qr{width:120px;height:120px}.breadcrumb{font-size:.6875rem}}@media (max-width: 360px){:root{--container-pad: .5rem}.header-inner{gap:.5rem}.site-logo img{height:26px}.btn-sm{padding:.4rem .875rem;font-size:.75rem}}
