@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Chakra+Petch:wght@500;600;700&display=swap";
:root{--bg:#050d1a;--bg-deep:#020611;--surface:#0a101ee0;--surface-strong:#0e1525f5;--panel:#121b2fe0;--text:#e2e8f0;--muted:#94a3b8;--accent:#f5c842;--accent-strong:#ffe083;--accent-soft:#f5c8422e;--accent2:#f5c842;--accent2-soft:#f5c84224;--line:#f5c84238;--line-strong:#f5c84275;--shadow:0 18px 60px #0000006b;--glow:0 0 0 1px #f5c8422e, 0 0 28px #f5c8422e, 0 24px 90px #0000007a;--font-main:"IBM Plex Sans Thai", sans-serif;--font-display:"Chakra Petch", sans-serif;--content-width:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 14% 0,#f5c84229,#0000 18%),radial-gradient(circle at 88% 6%,#f5c8421f,#0000 16%),linear-gradient(#09111f 0%,#050d1a 38%,#030712 100%);margin:0;line-height:1.8}body:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 0%,#f5c8420d 32%,#0000 40%),linear-gradient(#ffffff05,#0000 18%);position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit}.site-shell{min-height:100vh;position:relative;overflow:hidden}.site-shell:before,.site-shell:after{content:"";pointer-events:none;filter:blur(100px);opacity:.22;border-radius:999px;position:fixed}.site-shell:before{background:#f5c84233;width:34vw;height:34vw;top:-10vw;left:-8vw}.site-shell:after{background:#f5c84229;width:28vw;height:28vw;bottom:-10vw;right:-7vw}.site-header,.site-footer{z-index:5;position:relative}.nav-wrap,.footer-wrap{width:min(calc(100% - 24px), var(--content-width));margin:0 auto}.nav-wrap{grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;min-height:84px;padding:10px 0;display:grid}.brand-mark{align-items:center;text-decoration:none;display:inline-flex}.brand-logo{filter:drop-shadow(0 0 18px #ef444447);width:148px;height:auto}.nav-links{scrollbar-width:none;justify-content:center;align-items:center;gap:.3rem;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link,.nav-cta,.footer-link{text-decoration:none;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s}.nav-link{min-height:42px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 .9rem;font-size:.92rem;display:inline-flex}.nav-link:hover,.nav-link:focus-visible{color:#fff;background:linear-gradient(#f5c8422e,#f5c8420f);border-color:#f5c8423d;box-shadow:0 0 24px #f5c8421f}.nav-cta-group{align-items:center;gap:.65rem;display:flex}.nav-cta{white-space:nowrap;min-height:46px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:700;display:inline-flex}.nav-cta-primary{color:#0a0f1e;background:linear-gradient(135deg,#f8dc7c 0%,#f5c842 55%,#b88c13 100%);border:1px solid #ffe28e70}.nav-cta-primary:hover,.nav-cta-primary:focus-visible{transform:translateY(-1px);box-shadow:0 0 30px #f5c84252,0 18px 44px #00000057}.nav-cta-secondary{color:#f5c842;background:#0b122099;border:1px solid #f5c8428f}.nav-cta-secondary:hover,.nav-cta-secondary:focus-visible{background:#f5c84214;transform:translateY(-1px);box-shadow:0 0 24px #f5c84229}.site-footer{background:linear-gradient(#070b14eb,#030712fa);border-top:1px solid #f5c84229;margin-top:40px}.footer-wrap{gap:1rem;padding:28px 0 34px;display:grid}.footer-kicker{color:var(--accent2);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.92rem}.footer-copy{color:var(--muted);margin:0}.footer-links{flex-wrap:wrap;gap:.8rem;display:flex}.footer-link{color:#cbd5e1}.footer-link:hover,.footer-link:focus-visible{color:#fff}@media (max-width:1080px){.nav-wrap{grid-template-columns:1fr;justify-items:center}.nav-links{justify-content:flex-start;width:100%}}@media (max-width:640px){.brand-logo{width:132px}.nav-link{font-size:.88rem}.nav-cta{min-height:42px;padding:0 1rem;font-size:.92rem}}.landing-page{z-index:1;position:relative}.hero-stage-shell,.home-body{width:min(100% - 24px,1200px);margin:0 auto}.hero-stage{box-shadow:var(--glow);background:radial-gradient(circle at 72% 18%,#f5c84229,#0000 18%),linear-gradient(135deg,#ef44441f,#0000 36%),linear-gradient(#080d18fa,#050d1af5);border:1px solid #ef44443d;border-radius:32px;margin-top:18px;position:relative;overflow:hidden}.hero-stage:before,.hero-stage:after{content:"";pointer-events:none;position:absolute;inset:auto}.hero-stage:before{filter:blur(8px);background:radial-gradient(circle,#ef444438,#ef444400);width:340px;height:340px;top:-110px;right:-70px}.hero-stage:after{filter:blur(10px);background:radial-gradient(circle,#f5c84224,#f5c84200);width:280px;height:280px;bottom:-90px;left:-60px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:1.5rem;padding:34px;display:grid}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.05em;text-transform:lowercase;margin:0;font-size:clamp(3.6rem,12vw,6.8rem);line-height:.92}.hero-badge{color:#ffd6d6;letter-spacing:.14em;text-transform:uppercase;background:#ef444414;border:1px solid #ef444457;border-radius:999px;align-items:center;padding:.5rem .95rem;font-size:.82rem;display:inline-flex}.hero-subheadline{color:#cbd5e1;margin:12px 0 16px;font-size:clamp(1.02rem,3vw,1.25rem)}.hero-strike{border-left:4px solid var(--accent2);color:#fff;font-family:var(--font-display);background:linear-gradient(90deg,#ef44443d,#ef44440a);margin-bottom:18px;padding:.7rem 1rem;font-size:clamp(1.2rem,4vw,1.65rem);display:inline-flex}.hero-anchor-title,.section-subtitle,.subsection-title{color:#fff;margin:0 0 18px;font-size:1.36rem;line-height:1.45}.hero-cta-row,.section-cta-row,.section-inline-links{flex-wrap:wrap;gap:12px;display:flex}.hero-cta-row{margin-top:24px}.cta-primary,.cta-secondary{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 1.2rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.cta-primary{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ef4444 58%,#991b1b 100%);border:1px solid #ffa3a357;box-shadow:0 0 30px #ef44443d,0 18px 40px #00000052}.cta-primary:hover,.cta-secondary:hover,.cta-primary:focus-visible,.cta-secondary:focus-visible{transform:translateY(-1px)}.cta-secondary{color:#ff9e9e;background:#070c16c7;border:1px solid #ef444470}.hero-visual{min-height:420px;position:relative}.hero-visual-core{background:linear-gradient(#080c15f5,#050d1ab3);border:1px solid #ef44442e;border-radius:28px;min-height:420px;position:relative;overflow:hidden}.hero-visual-ring{border:1px solid #ef444438;border-radius:999px;position:absolute}.hero-visual-ring-one{width:180px;height:180px;inset:34px 46px auto auto}.hero-visual-ring-two{border-color:#f5c84233;width:220px;height:220px;inset:auto auto 36px 34px}.hero-visual-panel{z-index:2;box-shadow:var(--shadow);background:#090f1bbd;border:1px solid #ef44443d;border-radius:22px;padding:16px 18px;position:absolute;top:28px;left:28px}.hero-panel-label{color:#f5c842;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem}.hero-panel-score{gap:2px;margin-bottom:10px;display:grid}.hero-panel-score span:first-child{color:#fff;font-family:var(--font-display);font-size:2.8rem;line-height:.9}.hero-panel-score span:last-child{color:#ff9e9e;text-transform:uppercase;letter-spacing:.24em;font-size:.76rem}.hero-panel-list{flex-wrap:wrap;gap:8px;display:flex}.hero-panel-list span,.signal-chip{color:#fef3c7;background:#f5c84214;border:1px solid #f5c84233;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 .85rem;display:inline-flex}.hero-svg{width:100%;height:100%;position:absolute;bottom:0;right:0}.home-body{gap:22px;padding:22px 0 0;display:grid}.toc-panel,.section-frame,.signal-band{box-shadow:var(--shadow);background:linear-gradient(#0a111feb,#040a14f5);border:1px solid #ef44442e;border-radius:28px}.toc-panel{padding:20px 22px}.toc-title,.section-title{font-family:var(--font-display);margin:0}.toc-title{color:var(--accent2);letter-spacing:.18em;text-transform:uppercase;font-size:.9rem}.toc-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 18px;margin:14px 0 0;padding:0;list-style:none;display:grid}.signal-band{flex-wrap:wrap;gap:10px;padding:18px;display:flex}.home-section{position:relative}.section-frame{padding:28px}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.section-kicker{color:var(--accent2);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem}.section-title{font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.04}.subsection-stack{gap:18px;display:grid}.subsection-card,.media-card{background:#ffffff05;border:1px solid #ef444424;border-radius:22px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.subsection-card{padding:22px}.section-inline-links a{color:#f5c842;text-decoration:none}.content-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}@media (max-width:960px){.hero-grid,.content-media-grid{grid-template-columns:1fr}.section-heading-row{flex-direction:column}.hero-visual{min-height:360px}}@media (max-width:720px){.hero-stage{border-radius:26px}.hero-grid,.section-frame{padding:20px}.hero-visual,.hero-visual-core{min-height:300px}}.shared-footer{z-index:5;background:linear-gradient(#070b14eb,#030712fa);border-top:1px solid #f5c84229;margin-top:40px;position:relative}.shared-footer-wrap{gap:14px;width:min(100% - 32px,1200px);margin:0 auto;padding:28px 0 34px;display:grid}.shared-footer-kicker{color:#f5c842;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.92rem}.shared-footer-text{color:#e2e8f0b8;margin:0}.shared-footer-links{flex-wrap:wrap;gap:.8rem;display:flex}.shared-footer-link{color:#dbe7fb;text-decoration:none;transition:color .18s,text-shadow .18s}.shared-footer-link:hover,.shared-footer-link:focus-visible{color:#f5c842;text-shadow:0 0 18px #f5c8422e}@media (max-width:980px){.shared-header{flex-wrap:wrap;gap:12px;min-height:64px;justify-content:center!important;height:auto!important;padding:12px 16px!important}.shared-info-nav{order:3;justify-content:center;width:100%;padding-bottom:4px;overflow-x:auto}.shared-cta-nav{margin-left:auto}}@media (max-width:640px){.shared-header{padding:10px 12px!important}.shared-info-nav{justify-content:flex-start}.shared-cta-nav{justify-content:center;width:100%;margin-left:0}}