:root{--ink:#21184e;--purple:#382a72;--purple2:#6550c7;--pink:#ea2b91;--blue:#087df6;--cyan:#00c5df;--gold:#d4a95c;--paper:#fff;--soft:#f5f7fc;--line:#dce2ef;--muted:#656987;--shadow:0 20px 60px rgba(42,31,103,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#16142a;background:#fff;font-family:Inter,"Noto Sans Thai","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:15px;background:#fff;padding:8px 14px;z-index:99}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(40,28,99,.1)}.nav{min-height:84px;display:flex;align-items:center;gap:22px}.brand{display:flex;width:270px;flex:0 0 auto}.brand img{display:block}.links{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:.92rem;font-weight:700}.links a[aria-current=page]{color:var(--pink)}.language{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff;white-space:nowrap}.language a{font-size:.74rem;padding:5px 8px;border-radius:999px}.language a[aria-current=true]{background:var(--purple);color:#fff}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:700}.hero{padding:84px 0 66px;background:radial-gradient(circle at 70% 15%,rgba(0,197,223,.14),transparent 28%),radial-gradient(circle at 92% 80%,rgba(234,43,145,.12),transparent 35%),linear-gradient(145deg,#fff 5%,#f7f4ff 100%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.08;letter-spacing:-.045em;margin:.2em 0}.page-hero h1{font-size:clamp(2.2rem,4vw,4rem)}.gradient-text{display:block;background:linear-gradient(90deg,var(--pink),var(--blue),var(--cyan));background-clip:text;color:transparent}.eyebrow{font-size:.78rem;font-weight:900;color:var(--pink);letter-spacing:.12em;text-transform:uppercase}.lede{font-size:1.18rem;color:#474763;max-width:850px}.brand-expansion{font-weight:850;color:var(--purple);font-size:1.08rem}.tagline{font-size:1rem;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.actions.centered{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--purple);font-weight:800;text-decoration:none!important}.button.primary{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--purple),var(--purple2))}.button.ghost{background:transparent;border-color:#7567ac}.network{min-height:360px;border-radius:34px;display:flex;flex-direction:column;justify-content:flex-end;padding:38px;color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),transparent 12%),linear-gradient(145deg,#271168,#5f28c8 52%,#048cdd);position:relative;overflow:hidden}.network:before,.network:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.network:before{inset:35px 55px;transform:rotate(25deg)}.network:after{inset:80px 15px;transform:rotate(-18deg)}.network strong{font-size:2rem;z-index:1}.network span{z-index:1}.section{padding:76px 0}.section.tint{background:var(--soft)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:34px}.section h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.2;margin:.25em 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.card,.price-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 36px rgba(42,31,103,.06)}.card.accent{border-top:4px solid var(--pink)}.card h2,.card h3{margin:.1em 0 .5em}.card strong{display:block;color:var(--purple);font-size:1.04rem}.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple),var(--pink));color:#fff;font-weight:900}.page-hero{padding:64px 0;background:linear-gradient(145deg,#f7f4ff,#f7fbff);border-bottom:1px solid var(--line)}.prose{max-width:900px}.prose h2{margin-top:1.4em}.callout{margin-top:34px;padding:28px;border-radius:var(--radius);background:linear-gradient(145deg,#f4f1ff,#edf8ff);border:1px solid #d9d5f5}.callout.warning{background:#fff8e9;border-color:#ecd59b}.notice{font-size:.9rem;color:var(--muted);padding:14px 0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-grid article strong{display:block;font-size:1.35rem;color:var(--pink)}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9f7ef;color:#176c3a;font-size:.78rem;font-weight:800}.status.pending{background:#fff3d3;color:#845b00}.steps{list-style:none;padding:0;counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.steps li{counter-increment:step;padding:24px 24px 24px 76px;border:1px solid var(--line);border-radius:var(--radius);position:relative}.steps li:before{content:counter(step);position:absolute;left:22px;top:23px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:900}.steps strong,.steps span{display:block}.site-footer{padding:52px 0 24px;background:#17102e;color:#d7d4e8}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px}.footer-logo{width:320px;filter:brightness(0) invert(1);opacity:.95}.footer-grid ul{list-style:none;padding:0}.legal{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:20px;font-size:.8rem;color:#aba6c0}.gateway{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(234,43,145,.16),transparent 28%),radial-gradient(circle at 80% 80%,rgba(0,197,223,.16),transparent 28%),#f8f7fc}.gateway-card{width:min(760px,calc(100% - 40px));background:#fff;text-align:center;padding:55px;border-radius:32px;box-shadow:var(--shadow)}.gateway-card img{width:min(560px,100%)}.gateway-card h1{font-size:2rem}.gateway-note{color:var(--muted);margin-top:28px}.pending-link{opacity:.8}.form-status{color:#8a5d00}.gateway main{width:100%}
@media(max-width:980px){.nav{flex-wrap:wrap;min-height:72px;padding:10px 0}.brand{width:225px}.menu-button{display:block;margin-left:auto}.links{display:none;order:4;width:100%;margin:0;padding:12px 0;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{text-align:center}.language{margin-left:auto}.hero-grid,.section-head{grid-template-columns:1fr}.network{min-height:260px}.cards.four{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:min(100% - 28px,1180px)}.hero{padding:52px 0}.hero h1,.page-hero h1{letter-spacing:-.025em}.brand{width:205px}.language{order:3;margin-left:0}.cards,.cards.four,.price-grid,.steps,.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.card,.price-grid article{padding:22px}.network{min-height:220px}.gateway-card{padding:32px 20px}.gateway-card .button{width:100%}}
.event-strip{background:#21184e;color:#fff;padding:18px 0}.event-strip a{color:#fff;font-weight:800}.event-strip-grid{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}.flow div{min-height:92px;display:grid;place-items:center;text-align:center;padding:18px;border:1px solid #d9d5f5;border-radius:18px;background:#fff;color:var(--purple);font-weight:850;box-shadow:0 10px 28px rgba(42,31,103,.06)}.flow span{font-size:1.5rem;color:var(--pink);font-weight:900}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.timeline article{border-left:4px solid var(--blue);padding:10px 20px;background:var(--soft);border-radius:0 16px 16px 0}.participation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.participation-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff}.participation-grid article:last-child:nth-child(odd){grid-column:1/-1}.org-list{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.institution-band{display:flex;flex-wrap:wrap;gap:12px}.institution-band span{padding:10px 16px;border-radius:999px;background:#ece8ff;color:var(--purple);font-weight:800}.benefit-list{columns:2;column-gap:36px}.benefit-list li{break-inside:avoid;margin:0 0 12px}.faq{max-width:900px}.faq details{border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:14px;background:#fff}.faq summary{cursor:pointer;color:var(--purple);font-weight:850}.faq details p{margin-bottom:0}
@media(max-width:980px){.flow{grid-template-columns:1fr}.flow span{transform:rotate(90deg);justify-self:center}.timeline,.participation-grid{grid-template-columns:1fr}.participation-grid article:last-child:nth-child(odd){grid-column:auto}.event-strip-grid{grid-template-columns:1fr}.benefit-list{columns:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.form-outline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.form-outline article{display:grid;gap:5px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.form-outline b{color:var(--pink);font-size:.78rem}.form-outline strong{color:var(--purple)}.form-outline span{font-size:.86rem;color:var(--muted);line-height:1.5}@media(max-width:980px){.form-outline{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.form-outline{grid-template-columns:1fr}}
.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 4px}.hero-points span{padding:8px 12px;border:1px solid rgba(80,56,171,.18);border-radius:999px;background:rgba(255,255,255,.7);color:#382a72;font-size:.9rem;font-weight:700}.inline-request{margin:16px 0 0;font-size:.92rem;color:#5a5271}.inline-request a{font-weight:800}@media(max-width:650px){.hero-points{gap:7px}.hero-points span{font-size:.82rem}}
.project-feature{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:42px;align-items:center;margin-bottom:54px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,#f7f4ff,#effaff)}.project-feature figure{margin:0}.project-poster img{display:block;width:100%;max-height:370px;object-fit:contain;border-radius:16px;box-shadow:0 18px 40px rgba(22,17,55,.18)}.project-feature figcaption,.project-gallery p{margin-top:10px;color:var(--muted);font-size:.78rem}.feature-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.feature-line span{padding:7px 11px;border-radius:999px;background:#fff;color:var(--purple);font-size:.78rem;font-weight:800;border:1px solid #ddd8ef}.project-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:42px}.project-gallery figure{margin:0;border-radius:24px;overflow:hidden;background:#21184e;box-shadow:0 18px 44px rgba(24,17,61,.16)}.project-gallery img{display:block;width:100%;height:360px;object-fit:cover}.project-gallery figure:first-child img{object-position:center}.project-gallery figure:nth-child(2) img{object-position:center top}.project-gallery p{grid-column:1/-1;margin:0}@media(max-width:780px){.project-feature{grid-template-columns:1fr;gap:24px;padding:20px}.project-poster img{max-height:460px}.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto;max-height:520px;object-fit:contain}.project-gallery p{grid-column:auto}}
/* approved-content-20260916 */
.hero h1{font-size:clamp(2.4rem,4vw,4.2rem)}.hero-bridge{display:inline}
.process-line{margin-top:18px!important;padding:16px 18px;border-radius:14px;background:#fff;color:var(--purple);line-height:1.7}
.made-visual{justify-content:space-between;padding:30px 34px;background:radial-gradient(circle at 20% 18%,rgba(234,43,145,.6),transparent 27%),radial-gradient(circle at 82% 72%,rgba(0,197,223,.48),transparent 30%),linear-gradient(145deg,#21105f 4%,#5927c6 52%,#037fd4);isolation:isolate}.made-visual:before{inset:0;background-image:radial-gradient(rgba(255,255,255,.26) 1px,transparent 1px);background-size:18px 18px;border:0;border-radius:0;opacity:.32;transform:none}.made-visual:after{display:none}.made-visual__kicker{position:relative;z-index:3;font-size:.72rem;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.86)}.made-visual__routes{position:absolute;inset:28px 24px 78px}.made-visual__routes svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.made-visual__routes path{fill:none;stroke:rgba(255,255,255,.33);stroke-width:1.5}.made-node{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-style:normal;font-weight:950;background:rgba(255,255,255,.96);color:#382a72;box-shadow:0 10px 26px rgba(15,9,56,.28),0 0 0 7px rgba(255,255,255,.09)}.node-m{left:7%;top:56%}.node-a{left:34%;top:18%;color:#d7258a}.node-d{right:28%;top:53%;color:#126bd6}.node-e{right:5%;top:15%;color:#00a6c4}.made-visual__copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:3px}.made-visual__copy strong{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.1}.made-visual__copy b{font-size:1.02rem;color:#fff}.made-visual__copy span{font-size:.84rem;color:rgba(255,255,255,.86)}.flow.five{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr}.loop-note{margin:24px 0 0;padding:16px 18px;border-left:4px solid var(--pink);background:#fff;border-radius:0 14px 14px 0;color:var(--purple);font-weight:700}.field-cards .card{padding:22px}.field-cards small{display:block;margin-top:10px;color:var(--muted);line-height:1.55}.more-link{text-align:right;font-weight:800}.subsection{padding-top:48px;scroll-margin-top:110px}.architecture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.architecture-grid article,.field-detail-grid article,.document-grid article{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px rgba(42,31,103,.06)}.architecture-grid h3,.field-detail-grid h3,.document-grid h3{margin:.1em 0 .45em;color:var(--purple)}.architecture-grid small{display:block;color:var(--muted)}.architecture-principle{margin:22px 0 0;padding:18px 22px;border-radius:16px;background:linear-gradient(90deg,#f4f1ff,#edf9ff);font-weight:800;color:var(--purple)}.field-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.field-detail-grid h4{margin:18px 0 4px;color:var(--pink);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.field-detail-grid p{margin:0}.organiser-groups h3{margin:1.25em 0 .3em;color:var(--purple)}.decision-path>p{margin:.65em 0}.audience-box{margin-top:34px;padding:28px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#29146e,#6341ca 60%,#087ed8);box-shadow:var(--shadow)}.audience-box h2{color:#fff}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.document-grid strong{color:var(--pink)}.contact-channels{margin-top:36px;padding:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:1100px){.flow.five{grid-template-columns:1fr}.flow.five span{transform:rotate(90deg);justify-self:center}.architecture-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero-bridge{display:block}.made-visual{min-height:330px;padding:24px}.made-visual__routes{inset:42px 16px 100px}.made-node{width:40px;height:40px}.made-visual__copy strong{font-size:1.8rem}.architecture-grid,.field-detail-grid,.document-grid{grid-template-columns:1fr}.audience-box{padding:22px}}