:root{--navy:#062a53;--blue:#1178b5;--cyan:#55c2e6;--line:#dae7ef;--ink:#0b2d52;--muted:#5b7185;--pale:#eef8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Noto Sans Thai,Noto Sans SC,sans-serif;color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;gap:28px;padding:0 max(4vw,32px);border-bottom:1px solid #e4edf2;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{display:grid;line-height:1}.brand strong{font-size:31px;font-weight:900;letter-spacing:-2px}.brand small{font-size:8px;letter-spacing:2px;font-weight:800;margin-top:5px}.site-header nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:700}.site-header nav a:hover{color:var(--blue)}.language{position:relative;font-size:14px}.language summary{cursor:pointer;list-style:none}.language div{position:absolute;right:0;top:28px;width:170px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #06365a18}.language a{display:block;padding:7px}.language a:hover{background:var(--pale)}.header-button,.primary{padding:12px 18px;border-radius:6px;background:var(--navy);color:#fff;font-size:14px;font-weight:750}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;grid-gap:52px;gap:52px;min-height:590px;padding:72px max(5vw,48px);background:linear-gradient(108deg,#fff,#f5fbff 48%,#d0e7f2)}.eyebrow{margin:0 0 12px;color:#437697;font-size:11px;letter-spacing:2px;font-weight:800}.dark-section h2,.hero h1,.section h2{margin:0;letter-spacing:-1.6px;line-height:1.08}.hero h1{font-size:clamp(42px,5vw,70px);max-width:700px}.lead{max-width:570px;color:#40596e;font-size:18px;margin:25px 0}.actions{display:flex;gap:23px;align-items:center}.secondary{font-weight:800;font-size:14px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chips span{border:1px solid #bdd9e8;border-radius:999px;padding:5px 9px;color:#38617b;font-size:12px;font-weight:700}.hero-image{height:465px;position:relative}.hero-image>img{width:100%;height:100%;border-radius:18px;object-fit:cover;background:#123a5e;box-shadow:0 25px 50px #0b416335}.floating-card{position:absolute;right:-25px;top:38px;display:grid;grid-gap:8px;gap:8px;padding:19px;width:220px;border:1px solid #d7e6ef;border-radius:10px;background:#ffffffea;box-shadow:0 12px 30px #0a385526}.floating-card span{font-size:13px;color:var(--muted)}.section{max-width:1440px;margin:auto;padding:90px max(5vw,48px)}.dark-section h2,.section h2{font-size:clamp(32px,4vw,50px);max-width:720px}.portfolio{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-top:36px}.portfolio>a{position:relative;min-height:210px;padding:25px;border:1px solid var(--line);background:linear-gradient(150deg,#fff,#eff8fc);transition:.2s}.portfolio>a:hover{transform:translateY(-3px);border-color:#79bfda}.portfolio b{font-size:12px;color:var(--blue)}.portfolio h3{font-size:23px;margin:31px 0 9px}.portfolio p{color:var(--muted);font-size:14px}.portfolio span{position:absolute;right:22px;bottom:17px;color:var(--blue)}.dark-section{display:flex;justify-content:space-between;gap:65px;padding:74px max(5vw,48px);background:linear-gradient(110deg,#06264c,#0c5e91);color:#fff}.contact-band .eyebrow,.dark-section .eyebrow{color:#91d5ee}.dark-section p{max-width:630px;color:#d5e7f1;font-size:17px}.contact-stack{display:grid;align-content:end;grid-gap:13px;gap:13px;font-weight:800;white-space:nowrap}.content-page{min-height:70vh}.breadcrumbs{max-width:1380px;margin:auto;padding:27px max(5vw,48px);font-size:13px;color:#688196}.breadcrumbs span{margin:0 8px}.content-layout{max-width:1380px;margin:auto;display:grid;grid-template-columns:280px 1fr;grid-gap:48px;gap:48px;padding:0 max(5vw,48px) 86px}.content-layout aside{position:-webkit-sticky;position:sticky;top:104px;height:max-content;border:1px solid #e5edf2;border-top:3px solid #fa7950;padding:18px 0}.content-layout aside h2{font-size:17px;margin:0;padding:0 22px 14px}.side-list{display:grid}.side-list a{display:flex;gap:10px;align-items:start;padding:12px 19px;font-size:15px;line-height:1.35;color:#173f68}.side-list a.active,.side-list a:hover{background:#fff8f5;color:#ef683f}.article-detail{min-width:0}.article-detail h1{margin:0 0 24px;font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-1.5px;font-weight:550}.detail-image{display:block;width:100%;height:320px;object-fit:cover;background:#11395f;margin-bottom:26px}.placeholder{display:grid;place-items:center;color:#bcd5e7;font-size:24px;font-weight:800;letter-spacing:1px}.detail-lead{font-size:18px;color:#324e66;line-height:1.65}.article-detail :is(h2,h3){margin-top:32px;line-height:1.2}.article-detail :is(p,li){font-size:16px;color:#405b72}.article-detail ul{padding-left:21px}.article-empty{padding:25px;background:var(--pale);margin-top:30px}.article-empty h2{margin-top:0}.feature-block{margin-top:32px;padding:24px;border-top:2px solid var(--cyan);background:#f6fbfd}.feature-block h2{margin-top:0}.contact-band{max-width:1280px;margin:0 auto 80px;padding:42px 48px;background:linear-gradient(105deg,#062b53,#0a5887);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:25px}.contact-band h2{font-size:37px;line-height:1.1;margin:0}.contact-band p{color:#d4e7f2}.empty-state{max-width:900px;margin:auto;padding:120px 40px}.empty-state h1{font-size:52px;margin:0}.empty-state p{font-size:18px;color:var(--muted)}footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:36px;gap:36px;padding:43px max(5vw,48px);background:#061f3e;color:#d1e2ef;font-size:14px}footer .brand{color:#fff}footer p{margin:0}@media(max-width:980px){.site-header{padding:0 22px}.site-header nav{display:none}.header-button{margin-left:auto}.hero{grid-template-columns:1fr;padding:63px 32px 54px}.hero-image{height:390px}.portfolio{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr;gap:25px}.content-layout aside{position:static}.dark-section{display:grid}.contact-band{margin:0 32px 60px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.site-header{height:67px;padding:0 16px}.brand strong{font-size:25px}.language{display:none}.header-button{font-size:12px;padding:10px}.hero{padding:50px 20px 32px}.hero h1{font-size:42px}.hero-image{height:250px}.floating-card{transform:scale(.72);transform-origin:top right;right:-22px}.section{padding:64px 20px}.portfolio{grid-template-columns:1fr}.dark-section{padding:55px 20px;gap:25px}.content-layout{padding:0 20px 50px}.breadcrumbs{padding:18px 20px}.detail-image{height:205px}.contact-band{margin:0 20px 45px;padding:30px 22px;display:grid}.contact-band h2{font-size:31px}.empty-state{padding:80px 20px}.empty-state h1{font-size:40px}footer{padding:38px 20px;grid-template-columns:1fr;gap:18px}}.inquiry-section{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:64px;gap:64px;padding:88px max(5vw,48px);background:#eaf6fb}.inquiry-copy h2{font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-1.5px;margin:0;max-width:600px}.inquiry-copy>p:not(.eyebrow){max-width:570px;color:#49677e;font-size:17px;margin:21px 0 29px}.inquiry-whatsapp{display:inline-flex;align-items:center;gap:14px;color:#0b6d4d;font-weight:800}.inquiry-whatsapp span{font-size:20px}.inquiry-form{padding:32px;background:#fff;border:1px solid #d7e7ef;box-shadow:0 18px 42px #0b426415}.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.inquiry-form label{display:grid;grid-gap:7px;gap:7px;color:#254b67;font-size:12px;font-weight:800;letter-spacing:.2px}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid #cbdde8;border-radius:4px;padding:12px;color:#0b2d52;font:inherit;font-size:15px;outline:none;background:#fff}.inquiry-form textarea{resize:vertical;margin-bottom:17px}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#1688c2;box-shadow:0 0 0 3px #1688c21c}.inquiry-form button{border:0;border-radius:5px;background:#062a53;color:#fff;font:inherit;font-weight:800;padding:13px 21px;cursor:pointer}.inquiry-form button:disabled{opacity:.6;cursor:wait}.inquiry-status{margin:14px 0 0;font-size:14px;font-weight:700}.inquiry-status.success{color:#087454}.inquiry-status.error{color:#b5392f}.whatsapp-float{position:fixed;right:25px;bottom:23px;z-index:40;display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:999px;background:#1eaa62;color:#fff;box-shadow:0 10px 28px #075e384d;font-size:14px;font-weight:850;transition:transform .2s,background .2s}.whatsapp-float:hover{background:#12824a;transform:translateY(-3px)}.whatsapp-float b{font-size:18px;line-height:1}@media(max-width:980px){.inquiry-section{grid-template-columns:1fr;gap:34px;padding:64px 32px}}@media(max-width:560px){.inquiry-section{padding:56px 20px}.inquiry-form{padding:22px}.inquiry-grid{grid-template-columns:1fr}.whatsapp-float{right:16px;bottom:16px;padding:12px 15px}}.video-section{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;grid-gap:65px;gap:65px;padding:76px max(5vw,48px);background:#f5fafd}.video-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:0;max-width:560px}.video-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#4b667b;max-width:490px;margin:23px 0}.video-ready{display:inline-flex;gap:9px;align-items:center;color:#1178b5;font-size:12px;font-weight:850;letter-spacing:.4px;text-transform:uppercase}.video-frame{min-width:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#062a53;box-shadow:0 24px 56px #063c5a33}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-placeholder{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 70% 22%,#177eaf 0 2%,transparent 2.3%),radial-gradient(circle at 72% 23%,#0b5887 0 18%,transparent 18.3%),linear-gradient(128deg,#061f3e,#0b4f7d 57%,#0d6b98)}.video-placeholder:before{content:"";position:absolute;width:48%;height:130%;right:-9%;top:-17%;border:1px solid #9ad8ec55;transform:rotate(25deg)}.video-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#a9e2f21c 1px,transparent 0),linear-gradient(90deg,#a9e2f21c 1px,transparent 0);background-size:34px 34px}.play-button{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;padding-left:5px;border:1px solid #d8f7ff99;border-radius:50%;background:#f3fcff22;box-shadow:0 0 0 13px #c4f4ff12;color:#fff;font-size:27px}.video-caption{position:absolute;z-index:1;right:25px;bottom:21px;display:grid;text-align:right;color:#d6eef6;font-size:12px;letter-spacing:.7px}.video-caption b{margin-top:2px;color:#fff;font-size:18px;letter-spacing:1px}@media(max-width:980px){.video-section{grid-template-columns:1fr;gap:34px;padding:64px 32px}}@media(max-width:560px){.video-section{padding:56px 20px}.play-button{width:65px;height:65px;font-size:22px}}.support-download-page{min-height:58vh}.download-zone{padding:70px 0 8px}.support-download-page .download-zone{max-width:1280px;margin:auto;padding:100px max(5vw,48px)}.download-heading{max-width:780px}.download-heading h2{margin:0;font-size:clamp(32px,4vw,51px);letter-spacing:-1.5px;line-height:1.08}.download-heading>p:not(.eyebrow){color:#506b7f;font-size:17px;line-height:1.7;max-width:650px}.download-list{display:grid;grid-gap:12px;gap:12px;margin-top:31px}.download-card{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:23px 25px;border:1px solid #d9e7ee;background:#f8fcfe}.download-card>div{min-width:0}.download-card span{display:inline-block;color:#1178b5;font-size:11px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}.download-card h3{margin:5px 0 3px;font-size:20px;line-height:1.25}.download-card p{margin:0;color:#587185;font-size:14px}.download-card small{display:block;margin-top:7px;color:#7890a0;font-size:12px}.download-card a{flex:0 0 auto;padding:11px 14px;border-radius:5px;background:#062a53;color:#fff;font-size:13px;font-weight:800}.download-card a b{margin-left:8px;font-size:17px}.download-empty{margin-top:26px;padding:24px;border:1px dashed #bdcfda;color:#5a7285;background:#f8fcfe}.article-detail .download-zone{margin-top:44px;border-top:1px solid #dce8ee}@media(max-width:560px){.support-download-page .download-zone{padding:70px 20px}.download-zone{padding-top:52px}.download-card{align-items:flex-start;display:grid;padding:20px}.download-card a{width:max-content}}