:root{--navy:#071a35;--navy2:#0b2852;--blue:#2563eb;--sky:#eaf2ff;--text:#10213d;--muted:#68758b;--line:#e4eaf2;--bg:#f5f8fc;--green:#16a36a;--orange:#f59e0b;--purple:#7c3aed;--pink:#ec4899}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:'Sarabun',Tahoma,Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,234,242,.8)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;align-items:center;gap:11px}.site-brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.site-brand strong{font:700 20px 'Sarabun'}.site-brand small{font-size:10px;color:#7b8798;letter-spacing:.4px;margin-top:4px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0b2852,#2563eb);display:grid;place-items:center;color:#fff;font:700 15px 'Sarabun';box-shadow:0 8px 22px rgba(37,99,235,.2)}.site-nav{display:flex;align-items:center;gap:28px;font-weight:600;color:#4d5b70}.site-nav>a:hover{color:var(--blue)}.nav-login{padding-left:22px;border-left:1px solid var(--line)}.nav-toggle{display:none;border:0;background:transparent;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 22px;font-weight:700;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2563eb,#0f55d7);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.24)}.btn-outline{border-color:#ccd6e4;background:#fff;color:var(--text)}.btn-light{background:#fff;color:#0c2a56}.btn-sm{padding:10px 16px;border-radius:10px}.hero{padding:82px 0 74px;background:radial-gradient(circle at 85% 10%,#e6efff 0,transparent 33%),linear-gradient(180deg,#fbfdff,#f4f8fe);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:58px;align-items:center}.eyebrow,.section-label,.section-heading>span,.page-hero>div>span{display:inline-flex;align-items:center;gap:8px;color:#1d5dd7;background:#e9f1ff;border:1px solid #d8e7ff;padding:7px 13px;border-radius:999px;font-weight:700;font-size:13px}.hero h1,.page-hero h1{font:700 clamp(40px,5vw,66px)/1.14 'Sarabun';letter-spacing:-1.8px;margin:22px 0}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:13px;margin:30px 0 25px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#607087;font-size:13px}.hero-dashboard{background:#fff;border:1px solid #dfe8f4;border-radius:24px;box-shadow:0 34px 80px rgba(19,48,89,.18);transform:perspective(1300px) rotateY(-4deg) rotateX(2deg);overflow:hidden}.mock-top{height:42px;background:#f6f8fb;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;gap:7px;padding:0 15px}.mock-top span{width:8px;height:8px;border-radius:50%;background:#d2d8e1}.mock-top strong{font-size:10px;color:#7b8795;margin-left:10px}.mock-body{display:grid;grid-template-columns:55px 1fr;min-height:380px}.mock-body aside{background:var(--navy);display:flex;flex-direction:column;align-items:center;padding:17px 0;gap:19px}.mock-body aside b{color:white}.mock-body aside i{width:23px;height:7px;border-radius:5px;background:#29466d}.mock-content{background:#f4f7fb;padding:19px}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title div{display:flex;flex-direction:column}.mock-title small{color:#8590a1;font-size:8px}.mock-title strong{font-size:14px}.mock-title em{font-size:8px;font-style:normal;color:#778296;background:white;padding:6px;border-radius:7px}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.mock-kpis div{border-radius:10px;padding:12px;color:#fff;display:flex;flex-direction:column}.mock-kpis small{font-size:7px;opacity:.8}.mock-kpis b{font-size:17px}.mock-kpis .green{background:linear-gradient(135deg,#14b878,#08784e)}.mock-kpis .orange{background:linear-gradient(135deg,#ffb01f,#e56e07)}.mock-kpis .blue{background:linear-gradient(135deg,#37a0ff,#1960de)}.mock-kpis .purple{background:linear-gradient(135deg,#a56cf6,#6e34d3)}.mock-panels{display:grid;grid-template-columns:1.4fr 1fr;gap:9px}.chart,.stock-list{background:white;border-radius:10px;padding:13px;min-height:205px}.chart>strong,.stock-list>strong{font-size:9px}.bars{height:145px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #dce2ea;padding:0 8px}.bars i{display:block;width:16px;background:linear-gradient(#5ea0ff,#2464da);border-radius:5px 5px 0 0}.bars i:nth-child(1){height:46%}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:55%}.bars i:nth-child(4){height:85%}.bars i:nth-child(5){height:65%}.bars i:nth-child(6){height:92%}.bars i:nth-child(7){height:78%}.stock-list p{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;font-size:7px;margin:15px 0;color:#5f6e82}.stock-list p span{width:7px;height:7px;background:#f59e0b;border-radius:2px}.stock-list p b{color:#e66b00}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.logo-strip .container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7a8799}.logo-strip span{font-size:12px}.logo-strip b{font:600 15px 'Sarabun';color:#647188}.section{padding:92px 0}.soft-section{background:var(--bg)}.section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.split-section h2,.about-intro h2,.mission-card h2{font:700 clamp(30px,4vw,44px)/1.25 'Sarabun';letter-spacing:-.8px;margin:15px 0}.section-heading p,.split-section>div>p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.value-grid article{border:1px solid var(--line);border-radius:20px;padding:27px;background:#fff;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(26,54,93,.1)}.feature-grid h3,.value-grid h3{font:600 19px 'Sarabun';margin:17px 0 7px}.feature-grid p,.value-grid p{color:var(--muted);margin:0}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:700}.feature-icon.blue{background:#e9f1ff;color:#2563eb}.feature-icon.green{background:#e6f8f0;color:#119b62}.feature-icon.orange{background:#fff3dd;color:#e28b08}.feature-icon.purple{background:#f1eaff;color:#7c3aed}.feature-icon.pink{background:#ffebf5;color:#df3487}.feature-icon.cyan{background:#e5f9fb;color:#119aac}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{margin:14px 0;padding-left:31px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dcf7eb;color:#0b925c;font-weight:800}.movement-card{background:#fff;padding:18px;border-radius:22px;border:1px solid #e0e7f0;box-shadow:0 20px 60px rgba(21,47,83,.12)}.movement-head{display:flex;justify-content:space-between;padding:7px 9px 18px}.movement-head span{font-size:12px;color:var(--blue)}.movement-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 10px;border-top:1px solid #edf0f4}.movement-row i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800}.movement-row .in{background:#e3f8ee;color:#0a9760}.movement-row .out{background:#ffe9e9;color:#e14747}.movement-row .transfer{background:#e7f0ff;color:#2563eb}.movement-row .adjust{background:#f3eaff;color:#7c3aed}.movement-row div{display:flex;flex-direction:column}.movement-row small{color:#8b95a4}.movement-row em{font-style:normal;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:.2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(23,49,85,.11)}.article-cover{height:188px;background:linear-gradient(135deg,#0b2852,#2763d8);padding:18px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.article-cover:after{content:'';position:absolute;width:170px;height:170px;border:32px solid rgba(255,255,255,.09);border-radius:50%;right:-50px;bottom:-80px}.article-cover span{background:rgba(255,255,255,.15);padding:6px 10px;border-radius:999px;font-size:11px}.article-cover b{font:700 28px/1 'Sarabun';text-align:right;align-self:flex-end;z-index:1}.cover-0,.cover-a{background:linear-gradient(135deg,#0b766e,#24a884)}.cover-1,.cover-b{background:linear-gradient(135deg,#6135a3,#9a6bee)}.cover-2,.cover-c{background:linear-gradient(135deg,#b85219,#f49a2f)}.cover-3,.cover-d{background:linear-gradient(135deg,#144e8c,#3587e0)}.article-body{padding:22px}.article-meta{font-size:12px;color:#8590a0}.article-body h3{font:600 19px/1.45 'Sarabun';margin:9px 0}.article-body h3 a:hover{color:var(--blue)}.article-body p{color:var(--muted);font-size:14px}.read-more{font-weight:700;color:var(--blue);font-size:14px}.center-action{text-align:center;margin-top:35px}.cta-section{padding:35px 0 80px}.cta-box{background:linear-gradient(135deg,#071a35,#12458b);border-radius:28px;padding:47px 55px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.cta-box:after{content:'';position:absolute;width:300px;height:300px;border:60px solid rgba(255,255,255,.06);border-radius:50%;right:-70px}.cta-box span{color:#9cc5ff}.cta-box h2{font:700 34px/1.3 'Sarabun';margin:8px 0}.cta-box .btn{z-index:2}.site-footer{background:#07172f;color:#c5cfdb;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand strong{color:#fff}.footer-grid p{max-width:420px;color:#8798ad}.footer-grid h4{color:#fff;font:600 15px 'Sarabun'}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #1c3150;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#71849e}.page-hero{background:radial-gradient(circle at 75% 15%,#1b4d8b 0,transparent 38%),linear-gradient(135deg,#071a35,#0a2d5e);color:#fff;text-align:center;padding:100px 0}.page-hero h1{margin:20px 0;font-size:56px}.page-hero p{max-width:740px;margin:auto;color:#bdd0e7;font-size:18px}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.about-intro p{font-size:17px;color:var(--muted);margin-top:0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-grid article>b{font:700 28px 'Sarabun';color:#c8d8ef}.mission-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.mission-card{padding:45px;border-radius:24px;background:linear-gradient(135deg,#eef4ff,#f8fbff);border:1px solid #dae7f8}.mission-card span{color:var(--blue);font-weight:700}.mission-card p{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat-grid div{border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:center}.stat-grid b{font:700 19px 'Sarabun'}.stat-grid span{color:var(--muted)}.article-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.article-toolbar>div{display:flex;flex-direction:column}.article-toolbar span{font-size:13px;color:var(--muted)}.article-toolbar input{width:300px;border:1px solid #d8e0eb;border-radius:12px;padding:12px 15px;font:inherit;outline:none}.article-toolbar input:focus{border-color:#7ca7f6;box-shadow:0 0 0 4px #e9f1ff}.empty-search{display:none;text-align:center;padding:55px;color:var(--muted)}.article-detail-head{background:linear-gradient(180deg,#f2f7ff,#fff);padding:65px 0 45px;text-align:center}.narrow{max-width:820px}.back-link{display:block;text-align:left;color:var(--blue);font-weight:600;margin-bottom:35px}.article-category{display:inline-flex;background:#e8f0ff;color:var(--blue);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700}.article-detail h1{font:700 clamp(35px,5vw,55px)/1.25 'Sarabun';letter-spacing:-1px;margin:18px 0}.article-detail-head p{font-size:18px;color:var(--muted)}.article-detail-meta{display:flex;justify-content:center;gap:22px;color:#8994a3;font-size:13px;margin-top:25px}.article-content{padding:25px 0 90px;font-size:18px}.article-feature{height:310px;border-radius:24px;background:linear-gradient(135deg,#071a35,#2965d8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin:25px 0 50px}.article-feature b{font:700 75px 'Sarabun';line-height:1}.article-feature span{letter-spacing:3px}.article-content section{margin:40px 0}.article-content h2{font:700 28px 'Sarabun';margin-bottom:12px}.article-content p{color:#526177}.article-note{background:#eef5ff;border-left:4px solid var(--blue);padding:22px 25px;border-radius:0 15px 15px 0;margin:45px 0}.article-note p{margin-bottom:0}.article-share{border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;align-items:center}.article-share a{color:var(--blue);font-weight:700}@media(max-width:900px){.site-nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(18,44,79,.16);flex-direction:column;align-items:stretch;gap:12px}.site-nav.open{display:flex}.nav-login{padding-left:0;border:0}.nav-toggle{display:block}.hero-grid,.split-section,.about-intro,.mission-grid{grid-template-columns:1fr}.hero-dashboard{transform:none}.hero-copy{text-align:center}.hero-actions,.trust-row{justify-content:center}.feature-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:1fr 1fr}.logo-strip .container{flex-wrap:wrap;justify-content:center;padding:18px 0}.cta-box{padding:38px;align-items:flex-start;gap:25px;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero{padding-top:55px}.hero h1,.page-hero h1{font-size:38px;letter-spacing:-1px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-dashboard{display:none}.section{padding:65px 0}.feature-grid,.article-grid,.value-grid,.stat-grid{grid-template-columns:1fr}.mock-kpis{grid-template-columns:1fr 1fr}.cta-box h2{font-size:27px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.article-toolbar{align-items:stretch;gap:15px;flex-direction:column}.article-toolbar input{width:100%}.article-detail-meta{flex-wrap:wrap;gap:8px 15px}.article-feature{height:210px}.article-share{align-items:flex-start;gap:12px;flex-direction:column}}

button,input,select,textarea,table,.btn,.form-control,.form-select{font-family:'Sarabun',Tahoma,Arial,sans-serif}