:root{--indigo-950:#0D1B2E;--indigo-900:#13283F;--indigo-800:#1A3450;--indigo-700:#1E3A5F;--indigo-100:#E8EEF5;--gold:#C9A227;--gold-soft:#EBDCA8;--paper:#F7F6F1;--card:#FFFFFF;--ink:#24282E;--muted:#5B6470;--line:#E4E1D6;--radius:16px;--shadow:0 10px 30px rgba(19,40,63,.08);--font-display:'IBM Plex Sans Thai',system-ui,sans-serif;--font-body:'Sarabun',system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;color:var(--ink);background:var(--paper)}img{max-width:100%;height:auto}a{color:var(--indigo-700)}.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--indigo-950);padding:.5rem 1rem;z-index:99}.skip-link:focus{left:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.35;color:var(--indigo-900)}.site-header{position:sticky;top:0;z-index:50;background:rgba(13,27,46,.96);backdrop-filter:blur(6px);border-bottom:1px solid rgba(201,162,39,.25)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand-mark{display:flex;flex-direction:column;gap:2px;width:26px}.brand-mark i{height:4px;border-radius:2px;background:var(--gold)}.brand-mark i:nth-child(1){width:100%}.brand-mark i:nth-child(2){width:80%;opacity:.85}.brand-mark i:nth-child(3){width:60%;opacity:.7}.brand-mark i:nth-child(4){width:40%;opacity:.55}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-family:var(--font-display);color:#fff;font-size:1.05rem;font-weight:600}.brand-text small{color:var(--gold-soft);font-size:.72rem;letter-spacing:.04em}.site-nav ul{display:flex;gap:.25rem;list-style:none}.site-nav a{display:block;padding:.55rem .8rem;border-radius:8px;color:#dce4ee;text-decoration:none;font-size:.95rem;font-weight:500}.site-nav a:hover{background:rgba(255,255,255,8%);color:#fff}.site-nav a.active{color:var(--gold-soft);box-shadow:inset 0 -2px 0 var(--gold)}.nav-toggle{display:none}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem}.nav-burger span{width:24px;height:2px;background:#fff;border-radius:2px}@media(max-width:960px){.nav-burger{display:flex}.site-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--indigo-950);border-bottom:1px solid rgba(201,162,39,.25);padding:.5rem 1rem 1rem}.site-nav ul{flex-direction:column}.nav-toggle:checked~.site-nav{display:block}}.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:.98rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:var(--indigo-950);box-shadow:0 6px 18px rgba(201,162,39,.35)}.btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{border-color:var(--gold-soft);color:var(--gold-soft)}.btn-line{border:1.5px solid var(--indigo-700);color:var(--indigo-700)}.balance{display:flex;align-items:center;gap:.75rem;margin:0 auto;max-width:280px}.balance::before,.balance::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.balance::after{background:linear-gradient(90deg,var(--gold),transparent)}.balance i{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);flex:none}.hero{background:radial-gradient(900px 420px at 85% -10%,rgba(201,162,39,.16),transparent 60%),radial-gradient(700px 380px at -10% 110%,rgba(46,84,128,.5),transparent 60%),linear-gradient(160deg,var(--indigo-950),var(--indigo-800));color:#eaf0f7;padding:5.5rem 0 4.5rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:center}.hero .eyebrow{color:var(--gold-soft);font-family:var(--font-display);font-weight:600;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase;margin-bottom:1rem}.hero h1{color:#fff;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:700;margin-bottom:.4rem}.hero h1 .u{background:linear-gradient(transparent 68%,rgba(201,162,39,.55) 68%);padding:0 .1em}.hero .hero-en{color:#9fb4cd;font-family:var(--font-display);font-size:1.05rem;margin-bottom:1.4rem}.hero p.lead{font-size:1.12rem;max-width:34em;color:#d4deea;margin-bottom:2rem}.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}.hero-layers{display:flex;flex-direction:column;gap:.6rem;align-items:center}.hero-layers .layer{width:100%;border-radius:12px;padding:.7rem 1.1rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff;background:rgba(255,255,255,7%);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(2px)}.hero-layers .layer small{display:block;font-weight:400;color:#afc2d9;font-size:.78rem}.hero-layers .layer:nth-child(1){width:100%}.hero-layers .layer:nth-child(2){width:88%;border-color:rgba(201,162,39,.7)}.hero-layers .layer:nth-child(3){width:76%}.hero-layers .layer:nth-child(4){width:64%}.hero-layers .arrow{color:var(--gold);line-height:1;font-size:.9rem}@media(max-width:860px){.hero{padding:3.5rem 0 3rem}.hero-grid{grid-template-columns:1fr;gap:2.5rem}}.section{padding:4.5rem 0}.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{text-align:center;max-width:46em;margin:0 auto 2.75rem}.section-head .eyebrow{color:var(--gold);font-family:var(--font-display);font-weight:600;letter-spacing:.1em;font-size:.82rem;text-transform:uppercase}.section-head h2{font-size:clamp(1.5rem,3vw,2.05rem);margin:.4rem 0 .8rem}.section-head p{color:var(--muted)}.section-head .balance{margin-top:1.2rem}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.chip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--shadow)}.chip b{display:block;font-family:var(--font-display);color:var(--indigo-900);margin-bottom:.15rem}.chip span{color:var(--muted);font-size:.92rem}@media(max-width:860px){.chips{grid-template-columns:1fr 1fr}}@media(max-width:560px){.chips{grid-template-columns:1fr}}.phases{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem;counter-reset:phase}.phase{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem .95rem .9rem;position:relative;counter-increment:phase}.phase::before{content:counter(phase,decimal-leading-zero);font-family:var(--font-display);font-weight:700;font-size:.8rem;color:var(--gold);letter-spacing:.05em}.phase b{display:block;font-family:var(--font-display);font-size:.92rem;color:var(--indigo-900);line-height:1.4;margin-top:.15rem}@media(max-width:960px){.phases{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.phases{grid-template-columns:1fr 1fr}}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.product-group{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;border-top:3px solid var(--gold)}.product-group h3{font-size:1.05rem;margin-bottom:.9rem}.product-group ul{list-style:none}.product-group li{padding:.5rem 0 .5rem 1.4rem;position:relative;border-bottom:1px dashed var(--line);font-size:.97rem}.product-group li:last-child{border-bottom:0}.product-group li::before{content:"";position:absolute;left:.1rem;top:1.05rem;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}@media(max-width:860px){.products{grid-template-columns:1fr}}.quote-band{background:linear-gradient(150deg,var(--indigo-950),var(--indigo-700));color:#e7edf5;padding:4.5rem 0;text-align:center}.quote-band blockquote{max-width:44em;margin:0 auto;font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:500;line-height:1.8}.quote-band blockquote em{color:var(--gold-soft);font-style:normal}.quote-band cite{display:block;margin-top:1.5rem;color:#9fb4cd;font-style:normal;font-size:.95rem}.quote-band .balance{margin-bottom:2rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.news-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;text-decoration:none;transition:transform .15s ease}.news-card:hover{transform:translateY(-3px)}.news-card time{color:var(--gold);font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.03em}.news-card h3{font-size:1.05rem;color:var(--indigo-900)}.news-card p{color:var(--muted);font-size:.94rem}@media(max-width:860px){.news-grid{grid-template-columns:1fr}}.cta-band{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cta-band h2{font-size:1.4rem;margin-bottom:.3rem}.cta-band p{color:var(--muted);max-width:36em}.page-hero{background:radial-gradient(700px 300px at 90% -20%,rgba(201,162,39,.14),transparent 60%),linear-gradient(160deg,var(--indigo-950),var(--indigo-800));color:#e7edf5;padding:3.5rem 0 3rem}.page-hero .eyebrow{color:var(--gold-soft);font-family:var(--font-display);font-weight:600;letter-spacing:.08em;font-size:.8rem;text-transform:uppercase}.page-hero h1{color:#fff;font-size:clamp(1.7rem,3.6vw,2.5rem);margin:.35rem 0 .6rem}.page-hero p{color:#c6d3e2;max-width:44em;font-size:1.05rem}.prose{max-width:820px;margin:0 auto;padding:3.5rem 1.25rem 4.5rem}.prose h2{font-size:1.45rem;margin:2.8rem 0 1rem;padding-left:.9rem;position:relative}.prose h2::before{content:"";position:absolute;left:0;top:.35rem;bottom:.35rem;width:4px;background:var(--gold);border-radius:2px}.prose h2:first-child{margin-top:0}.prose h3{font-size:1.15rem;margin:2rem 0 .7rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin:0 0 1.2rem 1.4rem}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--gold)}.prose a{text-decoration-color:rgba(201,162,39,.6);text-underline-offset:3px}.prose blockquote{background:var(--indigo-100);border-left:4px solid var(--indigo-700);border-radius:0 12px 12px 0;padding:1.1rem 1.4rem;margin:1.5rem 0;font-family:var(--font-display);font-weight:500;color:var(--indigo-900)}.prose blockquote p:last-child{margin-bottom:0}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.97rem;display:block;overflow-x:auto}.prose thead th{background:var(--indigo-900);color:#fff;font-family:var(--font-display);font-weight:600;text-align:left;padding:.7rem .9rem;white-space:nowrap}.prose td{padding:.65rem .9rem;border-top:1px solid var(--line);vertical-align:top}.prose tbody tr:nth-child(even){background:#fbfaf6}.prose pre{background:var(--indigo-950);color:#dce6f2;border-radius:12px;padding:1.2rem 1.4rem;overflow-x:auto;margin:1.5rem 0;font-size:.88rem;line-height:1.6}.prose hr{border:0;height:1px;background:var(--line);margin:2.5rem 0}.hint{border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.97rem;border:1px solid}.hint p:last-child{margin-bottom:0}.hint--info{background:#eef4fa;border-color:#c6d9ec}.hint--warning{background:#fbf5e3;border-color:var(--gold-soft)}.prose details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0;margin-bottom:.8rem;overflow:hidden}.prose summary{cursor:pointer;padding:1rem 1.25rem;font-family:var(--font-display);font-weight:600;color:var(--indigo-900);list-style:none;position:relative}.prose summary::-webkit-details-marker{display:none}.prose summary::after{content:"+";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:700;font-size:1.2rem}.prose details[open] summary::after{content:"−"}.prose details[open] summary{border-bottom:1px solid var(--line)}.prose details .a{padding:1rem 1.25rem}.prose details .a p:last-child{margin-bottom:0}.dl-list{list-style:none;margin:1.2rem 0!important;display:grid;gap:.7rem}.dl-list li{margin:0!important;padding:0}.dl-list li::marker{content:""}.dl-list a{display:flex;align-items:center;gap:.9rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1.1rem;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s ease}.dl-list a:hover{transform:translateX(4px)}.dl-list .dl-ic{flex:none;width:38px;height:38px;border-radius:9px;background:var(--indigo-900);color:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.68rem;font-weight:700}.dl-list b{display:block;color:var(--indigo-900);font-family:var(--font-display);font-weight:600;font-size:.98rem}.dl-list small{color:var(--muted)}.news-list{max-width:820px;margin:0 auto;padding:3rem 1.25rem 4.5rem;display:grid;gap:1.2rem}.site-footer{background:var(--indigo-950);color:#b9c6d6;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding:3.5rem 1.25rem 2rem}.footer-brand{font-family:var(--font-display);color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:.6rem}.footer-brand span{color:var(--gold);font-size:.85rem;margin-left:.4rem}.footer-note{font-size:.92rem;max-width:34em}.footer-head{font-family:var(--font-display);color:var(--gold-soft);font-weight:600;font-size:.85rem;letter-spacing:.06em;margin-bottom:.7rem}.site-footer ul{list-style:none}.site-footer li{margin-bottom:.45rem}.site-footer a{color:#c9d4e2;text-decoration:none;font-size:.95rem}.site-footer a:hover{color:var(--gold-soft)}.footer-base{border-top:1px solid rgba(255,255,255,.12);padding:1.2rem 1.25rem;font-size:.85rem;color:#8b99ac}@media(max-width:860px){.footer-grid{grid-template-columns:1fr;gap:1.8rem}}.hero-badge{display:inline-block;margin-bottom:1.1rem;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(201,162,39,.55);background:rgba(201,162,39,.12);color:var(--gold-soft);font-family:var(--font-display);font-size:.85rem}.hero-badge b{color:#fff;font-weight:600}.arch{display:flex;flex-direction:column;gap:.9rem;max-width:980px;margin:0 auto}.arch-band{border-radius:14px;padding:.9rem 1.1rem;border:1px solid var(--line);background:var(--card)}.arch-g{border-color:var(--gold-soft);background:#fbf7e9}.arch-m{background:#f3f6fa;border-color:#d8e2ee}.arch-o{background:#f5f4ef}.arch-label{display:block;font-family:var(--font-display);font-weight:600;font-size:.82rem;letter-spacing:.04em;color:var(--muted);margin-bottom:.55rem}.arch-chips{display:flex;flex-wrap:wrap;gap:.5rem}.arch-chips i{font-style:normal;font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--indigo-900);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3rem .85rem}.arch-g .arch-chips i{border-color:var(--gold-soft)}.arch-chips-sm i{font-size:.8rem;padding:.25rem .7rem;font-weight:500}.cycle{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.6rem;align-items:stretch}.cnode{background:linear-gradient(160deg,var(--indigo-900),var(--indigo-700));color:#fff;border-radius:14px;padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.15rem;border:1px solid rgba(201,162,39,.35)}.cnode b{font-family:var(--font-display);color:var(--gold-soft);font-size:.85rem;letter-spacing:.05em}.cnode span{font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:1.4}.cnode small{color:#afc2d9;font-size:.78rem;line-height:1.5}.carrow{align-self:center;color:var(--gold);font-weight:700;font-size:1.1rem}.cycle-loop{text-align:center;color:var(--muted);font-size:.9rem;font-family:var(--font-display);margin:-.2rem 0 .1rem}@media(max-width:860px){.cycle{grid-template-columns:1fr}.carrow{transform:rotate(90deg)}}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem}.learn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;transition:transform .15s ease}.learn-card:hover{transform:translateY(-4px)}.learn-card img{width:100%;height:230px;object-fit:cover;object-position:top center;border-bottom:2px solid var(--gold);background:#edf1f6}.learn-body{padding:1.15rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.35rem}.learn-body b{font-family:var(--font-display);color:var(--indigo-900);font-size:1.05rem}.learn-body span{color:var(--muted);font-size:.93rem;line-height:1.65}@media(max-width:860px){.learn-grid{grid-template-columns:1fr}}.info-figure{margin:1.8rem 0}.info-figure img{display:block;width:100%;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.info-figure figcaption{text-align:center;color:var(--muted);font-size:.88rem;margin-top:.7rem;font-family:var(--font-display)}