@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--bg:#050d1a;--bg-deep:#020814;--surface:#0a1426eb;--surface-strong:#0e1d34f5;--surface-soft:#ec489914;--line:#ec489933;--line-strong:#ec489970;--accent:#ec4899;--accent-strong:#ff89c0;--accent-secondary:#f5c842;--accent-shadow:#ec489947;--text:#e2e8f0;--muted:#94a3b8;--muted-strong:#cbd5e1;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--shadow-panel:0 24px 64px #00000057;--shadow-glow:0 0 0 1px #f5c8421f, 0 16px 48px #f5c84224;--font-display:"Kanit", sans-serif;--font-body:"IBM Plex Sans Thai", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#ec489929,#0000 28%),radial-gradient(circle at 85% 18%,#f5c84224,#0000 22%),radial-gradient(circle at 14% 84%,#ec48991f,#0000 26%),linear-gradient(#071321 0%,#050d1a 42%,#030913 100%);margin:0;line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1180px,100% - 32px);margin:0 auto}.site-main{position:relative}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d1ae0;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:80px;display:flex}.brand{align-items:center;display:inline-flex}.brand__logo{width:clamp(148px,22vw,188px);height:auto}.site-nav{align-items:center;gap:.75rem;display:flex}.site-nav__link,.button,.section-cta{min-height:46px;font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.3rem;font-size:.96rem;font-weight:600;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.site-nav__link{color:var(--muted-strong);border:1px solid #ffffff14}.site-nav__link:hover,.button:hover,.section-cta:hover{transform:translateY(-1px)}.site-nav__link--outline{border-color:var(--line);color:var(--accent);box-shadow:inset 0 0 0 1px #ec489914}.site-footer{background:linear-gradient(#07101ef0,#040912fa),#050d1af2;border-top:1px solid #ffffff0f}.site-footer__inner{justify-content:space-between;align-items:flex-end;gap:2rem;padding:2.25rem 0 2.7rem;display:flex}.site-footer__logo{width:156px;margin-bottom:.85rem}.site-footer__copy{color:var(--muted);margin:0;font-size:.92rem}.site-footer__links{flex-wrap:wrap;justify-content:flex-end;gap:1rem 1.3rem;display:flex}.site-footer__links a{color:var(--muted-strong);font-size:.94rem}.site-footer__links a:hover{color:var(--accent)}.hero{min-height:calc(90vh - 80px);padding:4.5rem 0 2.6rem;position:relative;overflow:clip}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{filter:blur(32px);background:radial-gradient(circle,#f5c84238,#0000 58%);border-radius:50%;width:50vw;height:50vw;inset:6% auto auto 50%;transform:translate(-10%)}.hero:after{filter:blur(24px);background:radial-gradient(circle,#4c6ef529,#0000 65%);border-radius:50%;width:28rem;height:28rem;inset:auto auto 14% -10%}.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:2rem;display:grid;position:relative}.hero__content{z-index:1;position:relative}.eyebrow{border:1px solid var(--line);color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;background:#f5c84214;border-radius:999px;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.45rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #f5c842d9}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;text-transform:lowercase;margin:0;font-size:clamp(3.5rem,10vw,6.5rem);line-height:.94}.hero h1 span{display:block}.hero h1 .accent{color:var(--accent);text-shadow:0 0 28px #f5c8424d}.hero__lede{max-width:46rem;color:var(--muted-strong);margin:1.2rem 0 0;font-size:1.08rem}.hero__copy{gap:.9rem;max-width:48rem;margin-top:1.5rem;display:grid}.hero__copy p,.body-copy p,.faq-list p{color:var(--muted-strong);margin:0;font-size:1rem}.hero__copy a,.body-copy a,.faq-list a{color:var(--accent)}.hero__cta,.cta-row{flex-wrap:wrap;gap:.85rem;margin-top:1.8rem;display:flex}.button--gold,.section-cta{color:#09111d;background:linear-gradient(135deg,#f8d967,#f5c842 58%,#dfa921);box-shadow:0 18px 34px #f5c84238}.button--gold:hover,.section-cta:hover{box-shadow:0 0 0 1px #f5c8422e,0 18px 42px #f5c84257}.button--outline{border:1px solid var(--line-strong);color:var(--text);background:#ffffff05;box-shadow:inset 0 0 0 1px #f5c84214}.button--outline:hover{background:#f5c84212}.hero__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:2rem;display:grid}.stat-card,.trust-strip__item,.article-card,.faq-item,.cta-banner{box-shadow:var(--shadow-panel);background:linear-gradient(#0e1d34e6,#091220eb);border:1px solid #ffffff0f}.stat-card{border-radius:var(--radius-md);padding:1rem 1.05rem}.stat-card strong{color:var(--accent);font-family:var(--font-display);margin-bottom:.18rem;font-size:1.28rem;display:block}.stat-card span{color:var(--muted);font-size:.9rem}.hero-visual{min-height:520px;box-shadow:var(--shadow-glow);background:linear-gradient(#081222f0,#050c18fa),#050d1af5;border:1px solid #f5c8422e;border-radius:34px;position:relative;overflow:hidden}.hero-visual:before{content:"";filter:blur(12px);background:radial-gradient(circle,#f5c84242,#0000 58%);border-radius:50%;width:24rem;height:24rem;position:absolute;inset:-10% -25% auto auto}.hero-visual:after{content:"";filter:blur(10px);background:radial-gradient(circle,#447bff38,#0000 64%);border-radius:50%;width:21rem;height:21rem;position:absolute;inset:auto auto -14% -14%}.hero-visual__frame,.hero-visual__disc,.hero-visual__ring,.hero-visual__mesh{position:absolute}.hero-visual__frame{background:linear-gradient(#ffffff08,#0000),radial-gradient(circle at 100% 0,#f5c8421f,#0000 38%);border:1px solid #f5c8421f;border-radius:28px;inset:1.2rem}.hero-visual__disc{background:radial-gradient(circle at 32% 32%,#f5c8424d,#0000 24%),linear-gradient(135deg,#ffffff14,#f5c8420d);border:1px solid #f5c84233;border-radius:50%;width:15rem;height:15rem;inset:18% 17% auto auto;box-shadow:0 0 48px #f5c8422e}.hero-visual__ring{border:1px solid #f5c84247;border-radius:50%;width:11rem;height:11rem;inset:10% auto auto 8%;box-shadow:0 0 0 18px #f5c8420d,0 0 0 42px #f5c84208}.hero-visual__mesh{opacity:.5;background-image:linear-gradient(#f5c8422e 1px,#0000 1px),linear-gradient(90deg,#f5c8422e 1px,#0000 1px);background-size:34px 34px;border-radius:24px;height:42%;inset:auto 10% 8%;-webkit-mask-image:linear-gradient(#0000,#000 22% 76%,#0000);mask-image:linear-gradient(#0000,#000 22% 76%,#0000)}.hero-visual__badge{color:var(--muted-strong);background:#061120eb;border:1px solid #f5c84238;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem .95rem;font-size:.9rem;display:inline-flex;position:absolute;box-shadow:0 12px 28px #0000004d}.hero-visual__badge--top{top:24px;right:24px}.hero-visual__badge--bottom{bottom:24px;left:24px}.hero-visual__badge strong{color:var(--accent)}.trust-strip{margin:1.1rem 0 0}.trust-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.trust-strip__item{border-radius:18px;padding:1rem 1.1rem}.trust-strip__item strong{font-family:var(--font-display);color:var(--accent);letter-spacing:.04em;margin-bottom:.2rem;display:block}.trust-strip__item span{color:var(--muted);font-size:.93rem}.content-section{padding:2.4rem 0}.content-section--highlight{padding-top:3.2rem}.content-section__shell{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.section-rail,.section-body{position:relative}.section-rail{gap:.9rem;display:grid;position:sticky;top:96px}.section-kicker{width:fit-content;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#f5c84212;border:1px solid #f5c8422e;border-radius:999px;align-items:center;gap:.55rem;padding:.42rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.section-kicker:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.section-rail h2,.faq-heading h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.02}.section-rail p,.faq-heading p{color:var(--muted);margin:0;font-size:.98rem}.section-links{flex-wrap:wrap;gap:.75rem;display:flex}.section-links a{color:var(--muted-strong);font-size:.92rem}.section-links a:hover{color:var(--accent)}.section-body{gap:1rem;display:grid}.article-card,.faq-item,.cta-banner{border-radius:var(--radius-lg)}.article-card{padding:1.3rem 1.35rem}.article-card strong{color:var(--text)}.article-card:nth-child(3n+1){border-color:#f5c8421f}.article-card:nth-child(3n+2){border-color:#4e79ff1a}.article-card:nth-child(3n+3){border-color:#ffffff14}.section-body__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.section-body__full{grid-column:1/-1}.cta-banner{background:linear-gradient(135deg,#f5c84221,#0e1d34f2 44%,#091220fa);border-color:#f5c84238;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.4rem;display:flex}.cta-banner h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.2rem}.cta-banner p{color:var(--muted-strong);margin:0}.faq-section{padding:2.6rem 0 4.4rem}.faq-shell{gap:1.2rem;display:grid}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.faq-item{padding:1.3rem 1.35rem}.faq-item h3{color:var(--accent);font-family:var(--font-display);margin:0 0 .7rem;font-size:1.06rem}.faq-note{color:var(--muted);font-size:.96rem}@media (max-width:1080px){.hero__grid,.content-section__shell{grid-template-columns:1fr}.hero-visual{min-height:420px}.section-rail{position:static}.trust-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.site-header__inner{min-height:74px}.site-nav{gap:.55rem}.site-nav__link,.button,.section-cta{min-height:42px;padding:.72rem 1rem;font-size:.9rem}.hero{padding-top:3rem}.hero__meta,.section-body__grid,.faq-grid,.trust-strip__grid{grid-template-columns:1fr}.hero-visual{min-height:360px}.hero-visual__disc{width:12rem;height:12rem}.hero-visual__ring{width:8rem;height:8rem}.cta-banner,.site-footer__inner{flex-direction:column;align-items:flex-start}.site-footer__links{justify-content:flex-start}}