:root{--bg:#071a24;--bg-alt:#0a222f;--panel:#0d3044;--line:#70f1f629;--line-strong:#70f1f666;--teal:#70f1f6;--text:#e8f3f6;--muted:#9db7c2;--radius:14px;--wrap:1160px;--font:system-ui, -apple-system, "Segoe UI", "Leelawadee UI", "Noto Sans Thai", "Thonburi", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:17px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;font-weight:650;line-height:1.25}p{margin:0 0 1em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--teal);color:#04222b;border-radius:8px;padding:8px 12px;top:12px;left:12px}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#071a24eb;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.brand img{object-fit:contain;width:44px;height:44px}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:.01em;font-size:1.15rem;font-weight:700}.brand-home{color:var(--muted);font-size:.72rem}.menu-btn{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.menu-bars,.menu-bars:before,.menu-bars:after{content:"";background:var(--teal);border-radius:2px;width:20px;height:2px;display:block;position:relative}.menu-bars:before{position:absolute;top:-6px}.menu-bars:after{position:absolute;top:6px}.main-nav{background:var(--bg);border-bottom:1px solid var(--line);padding:8px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0}.main-nav.open{display:block}.main-nav ul{margin:0;padding:0;list-style:none}.main-nav li a{color:var(--text);border-bottom:1px solid var(--line);padding:14px 4px;font-size:1.05rem;display:block}.main-nav li a[aria-current=page]{color:var(--teal)}.nav-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.lang{color:var(--text);align-items:center;gap:8px;padding:10px 4px;display:inline-flex}.lang img{object-fit:cover;border-radius:2px;width:22px;height:15px}.btn{border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;border-radius:999px;padding:11px 18px;font-weight:600;display:inline-block}.btn:hover{border-color:var(--teal);text-decoration:none}.btn-primary{background:var(--teal);color:#04222b;border-color:var(--teal)}.btn-primary:hover{filter:brightness(1.08)}.btn-lg{padding:14px 26px;font-size:1.05rem}@media (min-width:1020px){.menu-btn{display:none}.main-nav{background:0 0;border:0;align-items:center;gap:22px;padding:0;display:flex;position:static}.main-nav ul{gap:4px;display:flex}.main-nav li a{border:0;border-radius:8px;padding:8px 10px;font-size:.95rem}.main-nav li a:hover{background:#70f1f614;text-decoration:none}.nav-actions{flex-wrap:nowrap;margin:0}}.intro{border-bottom:1px solid var(--line);background:radial-gradient(900px 380px at 85% -10%,#70f1f61f,#0000 70%);padding:56px 0 40px}.intro h1{letter-spacing:-.01em;max-width:22em;font-size:clamp(1.45rem,3.4vw,2.5rem);font-weight:600}.trust{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.trust li{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem}.chips{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.chip{background:var(--panel);border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:9px 16px;font-size:.95rem}.chip:hover{background:#70f1f629;text-decoration:none}.block{padding:60px 0}.block.alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.block h2{font-size:clamp(1.4rem,2.6vw,2rem)}.page-title{font-size:clamp(1.6rem,3vw,2.4rem)}.lede{color:var(--muted);max-width:46em;margin-bottom:28px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter{font:inherit;cursor:pointer;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 14px;font-size:.9rem}.filter.on{color:#04222b;background:var(--teal);border-color:var(--teal);font-weight:600}.cards{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1020px){.cards{grid-template-columns:repeat(3,1fr)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:10px;padding:22px;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:var(--teal);text-decoration:none;transform:translateY(-2px)}.card h3{margin:4px 0 0;font-size:1.15rem}.card p{color:var(--muted);flex:1;margin:0;font-size:.96rem}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 9px;font-size:.72rem}.tag-plain{border:1px solid var(--line);color:var(--muted)}.tag-networking{color:var(--teal);background:#70f1f629}.tag-security{color:#ffc48a;background:#ffb06629}.tag-optimization{color:#b4eba8;background:#a0e69629}.tag-ai{color:#cfc2ff;background:#beaaff2e}.card-foot{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding-top:10px;font-size:.85rem;display:flex}.card-more{color:var(--teal)}.more-links{flex-wrap:wrap;gap:10px 26px;margin:28px 0 0;display:flex}.three{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:860px){.three{grid-template-columns:repeat(3,1fr)}}.plain-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:22px}.plain-card h3{font-size:1.1rem}.plain-card p{color:var(--muted);margin:0;font-size:.96rem}.steps{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.steps{grid-template-columns:repeat(2,1fr)}}@media (min-width:1020px){.steps{grid-template-columns:repeat(4,1fr)}}.steps li{border-top:2px solid var(--teal);padding-top:14px}.step-no{color:var(--teal);letter-spacing:.08em;font-size:.85rem;font-weight:700}.steps h3{margin-top:4px;font-size:1.15rem}.steps p{color:var(--muted);margin:0;font-size:.96rem}.team{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (min-width:700px){.team{grid-template-columns:repeat(3,1fr)}}@media (min-width:1020px){.team{grid-template-columns:repeat(5,1fr)}}.member{color:var(--text);text-align:center}.member:hover{text-decoration:none}.member img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;margin-bottom:10px}.member h3{margin:0;font-size:1rem}.member p{color:var(--muted);margin:2px 0 0;font-size:.88rem}.cta{text-align:center}.cta .lede{margin-left:auto;margin-right:auto}.site-footer{border-top:1px solid var(--line);background:#051219;padding:44px 0 0;font-size:.94rem}.footer-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:860px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.site-footer h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.82rem}.site-footer p{margin:0 0 8px}.footer-base{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:16px;padding-bottom:24px;font-size:.85rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}.gb [id]{scroll-margin-top:90px}.gb-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.gb-band{border-bottom:1px solid var(--line);text-align:center;background:radial-gradient(900px 380px at 50% -20%,#70f1f61f,#0000 70%);padding:52px 0 40px}.gb-band h1{max-width:24em;margin:0 auto .4em;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:600}.gb-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin:0 0 10px;font-size:.78rem;font-weight:600}.gb-sub{color:var(--muted);max-width:46em;margin:0 auto;font-size:1.05rem}.gb-section{padding-top:52px;padding-bottom:8px}.gb>.gb-section:last-child,.gb .gb-section:last-of-type{padding-bottom:60px}.gb-section-head{max-width:48em;margin-bottom:24px}.gb-section-head h2,.gb h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}.gb-section-head p{color:var(--muted);margin:0}.gb-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:700px){.gb-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1020px){.gb-grid{grid-template-columns:repeat(3,1fr)}.gb-grid.gb-grid--2{grid-template-columns:repeat(2,1fr)}}.gb-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:22px;display:flex}.gb-card h3{margin:2px 0 0;font-size:1.1rem}.gb-card p{color:var(--muted);margin:0;font-size:.96rem}.gb-card-top{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.gb-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--teal);background:#70f1f629;border-radius:999px;padding:3px 9px;font-size:.72rem}.gb-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:.85rem;display:flex}.gb-more{color:var(--teal);white-space:nowrap}.gb-prose p{color:var(--text)}.gb-prose ul{margin:0;padding-left:1.2em}.gb-prose li{color:var(--muted);margin-bottom:8px}.gb-callout{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-alt);margin:20px 0;padding:22px}.gb-callout p{color:var(--muted)}.gb-callout p.gb-eyebrow{color:var(--teal)}.gb-steps{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.gb-steps{grid-template-columns:repeat(2,1fr)}}@media (min-width:1020px){.gb-steps{grid-template-columns:repeat(4,1fr)}}.gb-step{border-top:2px solid var(--teal);padding-top:14px}.gb-num{color:var(--teal);letter-spacing:.08em;font-size:.85rem;font-weight:700;display:block}.gb-step h3{margin-top:4px;font-size:1.1rem}.gb-step p{color:var(--muted);margin:0;font-size:.96rem}.gb-btn{white-space:nowrap;background:var(--teal);color:#04222b;border:1px solid var(--teal);border-radius:999px;padding:11px 20px;font-weight:600;display:inline-block}.gb-btn:hover{filter:brightness(1.08);text-decoration:none}.gb-btn--outline{color:var(--text);border-color:var(--line-strong);background:0 0}.gb-btn--outline:hover{border-color:var(--teal);filter:none}.gb-btn--lg{padding:14px 26px;font-size:1.05rem}.gb-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.gb-cta{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:44px 0 0;padding:30px 24px;display:flex}.gb-cta h2,.gb-cta h3{margin:0 0 6px;font-size:1.35rem}.gb-cta p{color:var(--muted);margin:0}.gb-f{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.gb-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.gb-chip{cursor:pointer;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.9rem}.gb-f:focus-visible~.gb-filters{outline:2px solid var(--teal);outline-offset:4px;border-radius:999px}#tf-topic:checked~.gb-grid .gb-card:not(.c-topic),#tf-prog:checked~.gb-grid .gb-card:not(.c-prog),#tf-fmt:checked~.gb-grid .gb-card:not(.c-fmt),#tf-who:checked~.gb-grid .gb-card:not(.c-who),#sf-net:checked~.gb-grid .gb-card:not(.c-net),#sf-sec:checked~.gb-grid .gb-card:not(.c-sec),#sf-opt:checked~.gb-grid .gb-card:not(.c-opt),#sf-ai:checked~.gb-grid .gb-card:not(.c-ai),#sf-train:checked~.gb-grid .gb-card:not(.c-train),#lf-who:checked~.gb-grid .gb-card:not(.c-who),#lf-learn:checked~.gb-grid .gb-card:not(.c-learn),#lf-partner:checked~.gb-grid .gb-card:not(.c-partner){display:none}#tf-all:checked~.gb-filters label[for=tf-all],#tf-topic:checked~.gb-filters label[for=tf-topic],#tf-prog:checked~.gb-filters label[for=tf-prog],#tf-fmt:checked~.gb-filters label[for=tf-fmt],#tf-who:checked~.gb-filters label[for=tf-who],#sf-all:checked~.gb-filters label[for=sf-all],#sf-net:checked~.gb-filters label[for=sf-net],#sf-sec:checked~.gb-filters label[for=sf-sec],#sf-opt:checked~.gb-filters label[for=sf-opt],#sf-ai:checked~.gb-filters label[for=sf-ai],#sf-train:checked~.gb-filters label[for=sf-train],#lf-all:checked~.gb-filters label[for=lf-all],#lf-who:checked~.gb-filters label[for=lf-who],#lf-learn:checked~.gb-filters label[for=lf-learn],#lf-partner:checked~.gb-filters label[for=lf-partner]{background:var(--teal);border-color:var(--teal);color:#04222b;font-weight:600}.gb-profiles{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:860px){.gb-profiles{grid-template-columns:repeat(2,1fr)}}.gb-profile{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:22px}.gb-profile img{object-fit:cover;border:1px solid var(--line-strong);border-radius:50%;width:96px;height:96px;margin-bottom:12px}.gb-profile h3{margin:0;font-size:1.15rem}.gb-role{color:var(--teal);margin:2px 0 12px;font-size:.9rem}.gb-profile p{color:var(--muted);font-size:.96rem}.gb-profile p.gb-role{color:var(--teal)}.gb-lang{font-style:italic}.gb-book{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}@media (min-width:760px){.gb-book{grid-template-columns:300px 1fr}}.gb-book img{border:1px solid var(--line);border-radius:10px;width:100%;max-width:300px}.mol-tag{margin:0;font-size:1.3rem;font-weight:600}.mol-by{color:var(--muted)}.mol-free{margin-top:18px;display:inline-block}.gbc-grid{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (min-width:960px){.gbc-grid{grid-template-columns:1.4fr 1fr}}.gbc-side{gap:16px;display:grid}.gbc-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px}.gbc-panel h2{font-size:1.3rem}.gbc-form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}@media (min-width:600px){.gbc-form-row{grid-template-columns:1fr 1fr}}.gbc-form input,.gbc-form textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px}.gbc-form textarea{resize:vertical;min-height:140px}.gbc-form ::placeholder{color:var(--muted)}.gbc-form-footer{margin-top:14px}.gbc-submit{font:inherit;cursor:pointer;border:1px solid var(--teal);background:var(--teal);color:#04222b;border-radius:999px;padding:12px 24px;font-weight:600}#gbc-form-status:empty{display:none}#gbc-form-status{border:1px solid var(--line-strong);border-radius:10px;margin-top:14px;padding:12px 14px}.gbc-privacy{color:var(--muted);margin:14px 0 0;font-size:.85rem}.gbc-line{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.gbc-line>div:first-child{flex:240px}.gbc-line p{color:var(--muted)}.gbc-qr{background:#fff;border-radius:8px;width:120px;height:120px;padding:4px}.gbc-qr-caption{max-width:130px;margin-top:6px;font-size:.8rem}.gbc-map-text{padding:24px}.gbc-map-text p{color:var(--muted)}.u-m0{margin:0}.u-start{align-items:start}.u-center{justify-content:center}.u-mt{margin-top:18px}.u-noflex{flex:none}.u-flush{padding:0;overflow:hidden}.u-accent-note{color:var(--teal);margin-top:6px;font-size:.94rem}.u-note{margin-top:8px;font-size:.94rem}