:root{--navy:#0b213d;--blue:#164ba1;--red:#ed4c46;--text:#172d47;--muted:#53657a;--line:#dbe3ed;--pale:#f2f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;color:var(--text);font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;font-size:16px;line-height:1.8}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffb85a;outline-offset:5px}.wrap{width:min(1220px,calc(100% - 80px));margin:auto}.top{background:var(--navy);color:#c8d8e9;font-size:13px;padding:7px 0}.top .wrap{display:flex;justify-content:space-between}.header{position:sticky;top:0;background:#fffefef5;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:Arial,sans-serif;font-weight:900;font-size:30px;letter-spacing:-2px;color:var(--navy)}.brand-mark span{color:var(--red)}.brand small{display:block;font-size:10px;letter-spacing:2px;line-height:1.2}.links{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600}.links a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--navy);padding:12px 23px;min-height:48px;border-radius:5px;background:var(--navy);color:white;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.btn:hover{background:var(--blue);transform:translateY(-2px)}.btn.white{background:white;color:var(--navy)}.btn.light{background:transparent;color:var(--navy);border-color:#bccad9}.menu{display:none;background:none;border:1px solid var(--line);border-radius:4px;padding:8px 14px}.hero{padding:76px 0 0;background:linear-gradient(125deg,#f5f8fc 0%,white 65%)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.eyebrow{font:600 13px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:3px;background:var(--red)}h1{font-size:clamp(38px,4.2vw,60px);line-height:1.45;letter-spacing:-1.4px;margin:23px 0;font-weight:700}h1 em{color:var(--blue);font-style:normal}p{margin:0 0 20px}.lead{font-size:18px;line-height:1.95;color:var(--muted);max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-photo{position:relative;margin:0 0 22px 0}.hero-photo img{width:100%;height:435px;object-fit:cover;display:block;border-radius:7px}.photo-label{position:absolute;bottom:24px;left:-28px;background:var(--navy);color:white;padding:21px 26px;box-shadow:0 14px 32px #11284a26;width:290px;border-left:4px solid var(--red)}.photo-label strong{font-size:19px}.photo-label small{display:block;color:#b9cadd;font-size:13px;margin-top:4px}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:57px;padding:24px 0 30px;gap:30px}.hero-bottom span{font:600 12px Arial;letter-spacing:1.5px;color:var(--blue);display:block;margin-bottom:4px}.hero-bottom b{font-size:16px}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:-.8px;margin:13px 0 0}.section-head p{color:var(--muted);max-width:400px;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{border:1px solid var(--line);padding:29px 24px;background:white;border-radius:7px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.service:hover{border-color:#789cc5;box-shadow:0 12px 28px #15284a0b}.service .num{font:600 14px Arial;color:var(--blue);margin-bottom:28px}.service h3{font-size:21px;line-height:1.55;margin:0 0 13px}.service p{font-size:15px;color:var(--muted);flex:1}.text-btn{border:0;border-bottom:1px solid #cbd7e5;background:none;padding:10px 0;text-align:left;color:var(--blue);font-weight:600;font-size:14px}.focus{background:var(--navy);color:white}.focus .eyebrow{color:#a8c8f6}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.focus h2{font-size:40px}.focus p{color:#c5d1e1;margin-top:20px}.focus-list{border-top:1px solid #ffffff30}.focus-row{padding:22px 0;border-bottom:1px solid #ffffff30;display:grid;grid-template-columns:45px 1fr;gap:15px}.focus-row span{color:#88abe1;font:18px Arial}.focus-row h3{margin:0;font-size:19px}.focus-row p{font-size:15px;margin:5px 0 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.step{border-top:2px solid #c7d4e5;padding-top:23px}.step b{font:600 32px Arial;color:#9db0c9}.step h3{font-size:19px;margin:13px 0 8px}.step p{font-size:15px;color:var(--muted)}.knowledge{background:var(--pale)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.article-art{height:140px;background:#dce9f6;display:flex;align-items:center;justify-content:space-between;padding:30px;color:var(--blue);overflow:hidden}.article-art strong{font:700 48px Arial;letter-spacing:-2px}.article-art span{font:12px Arial;letter-spacing:2px;max-width:80px}.article:nth-child(2) .article-art{background:#0b213d;color:#dce9f6}.article:nth-child(3) .article-art{background:#e8eef4;color:#314d70}.article-body{padding:26px;display:flex;flex-direction:column;flex:1}.tag{color:var(--blue);font-size:13px;font-weight:600}.article h3{font-size:21px;line-height:1.6;margin:12px 0}.article p{font-size:15px;color:var(--muted);flex:1}.article button{width:100%}.more{margin-top:26px;display:flex;justify-content:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.about-note{border-left:3px solid var(--red);padding:0 0 0 23px;margin-top:28px}.about-note p{color:var(--muted)}.about-panel{background:var(--pale);border-radius:7px;padding:35px}.about-panel h3{font-size:22px;margin:0 0 17px}.about-panel ul{margin:0;padding-left:22px;color:var(--muted)}.about-panel li{padding:8px 0}.contact{background:#e9f0fa;border-top:1px solid #d6e1ef}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.contact p{color:var(--muted);margin-top:20px}.contact-box{background:white;border:1px solid #cedbed;border-radius:7px;padding:30px}.contact-box h3{margin:0 0 14px;font-size:22px}.contact-box ol{padding-left:22px;color:var(--muted);margin:0 0 25px}.contact-box li{padding:4px 0}.footer{background:var(--navy);color:#c6d1df;padding:42px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer .brand-mark{color:white}.footer small{color:#bdcce0}.footer-links{display:flex;gap:25px;font-size:14px;flex-wrap:wrap}.copyright{margin-top:30px;padding-top:18px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:12px;color:#9fb1c8}dialog{border:0;border-radius:10px;padding:0;max-width:650px;width:calc(100% - 36px);color:var(--text);box-shadow:0 30px 100px #081b3b60}dialog::backdrop{background:#06172bbf;backdrop-filter:blur(5px)}.dialog-inner{padding:32px}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-top h2{font-size:27px;margin:0 0 20px}.close{border:1px solid var(--line);background:white;border-radius:5px;padding:6px 12px;font-size:14px}.dialog-inner p{color:var(--muted)}.dialog-inner li{margin:9px 0}.dialog-note{background:var(--pale);padding:16px;font-size:14px;margin-top:20px}.pdf-list{display:grid;gap:10px}.pdf-list button{width:100%;text-align:left;justify-content:start}.viewer{max-width:1100px;width:calc(100% - 30px);height:90vh}.viewer .dialog-inner{height:100%;display:flex;flex-direction:column;padding:20px}.viewer iframe{width:100%;flex:1;border:1px solid var(--line)}.viewer .dialog-top h2{font-size:20px}.draft{font-size:12px;color:#b9cbe1}.preview-badge{background:#edf3fc;color:#315278;padding:4px 10px;border-radius:3px;font-size:12px;white-space:nowrap}
@media(min-width:1500px){.hero-grid{gap:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.links{gap:18px;font-size:14px}.hero-grid{gap:35px}.services{grid-template-columns:repeat(2,1fr)}.hero-photo img{height:390px}.focus-grid{gap:40px}.photo-label{left:-14px}.process{gap:22px}.focus h2{font-size:33px}.about-grid,.contact-grid{gap:40px}}@media(max-width:760px){.top{display:none}.nav{min-height:72px}.menu{display:block}.links{display:none;position:absolute;left:0;right:0;top:72px;background:white;padding:22px;box-shadow:0 20px 25px #0b213d12;flex-direction:column;align-items:stretch;gap:17px}.links.open{display:flex}.wrap{width:calc(100% - 38px)}.hero{padding-top:37px}.hero-grid,.focus-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}h1{font-size:38px;letter-spacing:-1px;margin:19px 0}.lead{font-size:17px}.hero-photo{margin:4px 0 0}.hero-photo img{height:270px}.photo-label{left:15px;bottom:15px;width:245px;padding:15px 18px}.photo-label strong{font-size:17px}.hero-bottom{margin-top:32px;gap:15px;padding:22px 0}.hero-bottom span{font-size:10px;letter-spacing:.5px}.hero-bottom b{font-size:13px}.section{padding:55px 0}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:16px}h2{font-size:29px}.services{gap:12px}.service{padding:22px 17px}.service h3{font-size:19px}.service p{font-size:14px}.service .num{margin-bottom:17px}.focus h2{font-size:31px}.process{grid-template-columns:repeat(2,1fr);gap:24px}.articles{grid-template-columns:1fr}.article-art{height:110px}.article-body{padding:22px}.about-panel,.contact-box{padding:25px}.footer-top{flex-direction:column}.copyright{flex-direction:column;gap:10px}.preview-badge{display:none}.dialog-inner{padding:24px}.viewer iframe{min-height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

body{font-family:'MD28 Thai','Noto Sans Thai',Tahoma,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:'MD28 Thai',Tahoma,sans-serif;letter-spacing:0;font-weight:700;text-wrap:balance}
h1{font-size:clamp(36px,4.05vw,56px);line-height:1.5;margin:22px 0 24px}h2{line-height:1.55}h3{line-height:1.65}
.lead{font-size:18px;line-height:1.95;font-weight:400;color:#4b5e75}
.links{font-size:15px;font-weight:400}.btn{font-weight:700;font-size:15px;line-height:1.65;padding:14px 24px}
.service h3{font-size:22px}.service p,.step p,.article p,.focus-row p{font-size:16px;line-height:1.9}
.article h3{font-size:23px;line-height:1.6}.text-btn{font-size:15px;line-height:1.75}.eyebrow{font-size:12px;letter-spacing:1.8px}.hero-bottom b{font-weight:400;font-size:16px}
.focus h2{font-size:38px;line-height:1.6}.section-head p{font-size:16px;line-height:1.9}.about-note p,.contact p{font-size:17px;line-height:1.95}
@media(max-width:760px){h1{font-size:35px;line-height:1.52;letter-spacing:0}h2{font-size:28px;line-height:1.6}.focus h2{font-size:29px}.lead{font-size:17px;line-height:1.95}.service h3{font-size:20px}.service p{font-size:15px;line-height:1.85}.hero-bottom b{font-size:13px;line-height:1.8}.article h3{font-size:22px}.btn{font-size:14px;padding:13px 18px}.about-note p,.contact p{font-size:16px}.service{padding:23px 17px}.text-btn{font-size:14px}.dialog-top h2{font-size:24px}}
@media(max-width:380px){.services{grid-template-columns:1fr}h1{font-size:31px}}
.company-logo{width:52px;height:48px;object-fit:contain;display:block;flex-shrink:0}.brand{gap:12px}.brand-mark{font-size:27px;letter-spacing:-1px}.brand small{font-size:9px;letter-spacing:1.3px}@media(max-width:760px){.company-logo{width:43px;height:42px}.brand-mark{font-size:25px}.brand small{font-size:8px;letter-spacing:1px}} .customer-contact{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:22px;margin-top:15px}.customer-contact strong{font-size:17px}.customer-contact a{color:var(--blue);font-size:18px;overflow-wrap:anywhere}.customer-contact a:hover,.footer-contact a:hover{text-decoration:underline}.footer-contact{display:flex;gap:25px;flex-wrap:wrap;margin-top:26px;font-size:15px}.footer-contact strong{color:white}@media(max-width:760px){.footer-contact{display:grid;gap:8px}.customer-contact a{font-size:17px}} .review{background:#eef4fb;border-top:1px solid #d9e5f3}.review-heading{max-width:830px}.review-heading h2{font-size:clamp(29px,3.3vw,43px)}.review-intro{font-size:18px;color:var(--muted);margin:22px 0 35px;line-height:1.95}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-cards article{padding:27px;background:white;border:1px solid #d3dfef;border-radius:7px}.review h3{font-size:22px;margin:12px 0}.review-cards p,.review-bottom p{color:var(--muted);font-size:16px}.review-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px}.review-bottom ul{padding-left:23px}.review-bottom li{margin:9px 0}.review-bottom aside{padding:27px;border:1px solid #c2d4e9;border-left:4px solid var(--red);background:white;border-radius:5px}.review-note{font-size:14px!important;line-height:1.8;max-width:540px}.review-bottom .actions{margin-top:20px}.links{gap:22px}@media(max-width:1050px) and (min-width:761px){.links{gap:12px;font-size:13px}.nav{gap:15px}.links .btn{padding:10px 13px;font-size:13px}}@media(max-width:760px){.review-cards,.review-bottom{grid-template-columns:1fr}.review-intro{font-size:17px}.review-bottom{gap:20px}.review-cards article{padding:23px}.review h3{font-size:21px}.review-bottom aside{padding:23px}}
.pricing article{display:flex;flex-direction:column}.pricing h3{font-size:30px;margin:16px 0 8px}.pricing ul{padding-left:22px;color:var(--muted);flex:1}.pricing li{margin:9px 0}.pricing .featured{border:2px solid var(--blue);box-shadow:0 12px 30px #164ba110}.paid-process{margin-top:35px;padding:30px;background:var(--pale);border-radius:7px}.paid-process h3{font-size:23px;margin:0 0 22px}.paid-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-left:22px}.paid-process li{padding-left:4px;font-size:15px;color:var(--muted)}.paid-process strong{color:var(--navy);font-size:17px}.paid-process .review-note{max-width:none;margin:25px 0 0}@media(max-width:760px){.paid-process{padding:24px}.paid-process ol{grid-template-columns:1fr;gap:20px}.pricing h3{font-size:28px}} .why-review{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--pale);padding:34px;border-radius:7px;margin:0 0 25px}.why-intro h3{font-size:27px;line-height:1.6;margin:15px 0 20px}.why-review p{font-size:16px;color:var(--muted);line-height:1.95}.why-points article{padding:0 0 17px;margin:0 0 17px;border-bottom:1px solid var(--line)}.why-points article:last-child{border:0;margin:0;padding:0}.why-points h4{font-size:19px;line-height:1.65;margin:0 0 9px}.why-points p{margin:0}.report-promise{display:flex;align-items:center;gap:35px;justify-content:space-between;border-left:4px solid var(--red);padding:22px 27px;margin:0 0 35px;background:#f8faff}.report-promise h3{font-size:23px;margin:0 0 10px;line-height:1.65}.report-promise p{color:var(--muted);font-size:16px;margin:0;max-width:750px}.report-promise .btn{flex-shrink:0}@media(max-width:760px){.why-review{grid-template-columns:1fr;padding:24px;gap:23px}.why-intro h3{font-size:25px}.report-promise{display:block;padding:22px}.report-promise .btn{margin-top:20px}.report-promise h3{font-size:21px}} .article-dialog{max-width:900px;max-height:90vh}.article-dialog .dialog-inner{padding:36px}.article-dialog .dialog-top{position:sticky;top:0;background:white;padding-bottom:12px;z-index:1}.native-article h3{font-size:22px;margin:30px 0 14px}.native-article p,.native-article li{font-size:17px;line-height:1.95}.native-article li{margin:10px 0}.native-article table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px}.native-article th{background:var(--navy);color:white;text-align:left}.native-article td,.native-article th{padding:13px;border-bottom:1px solid var(--line);vertical-align:top}.native-article td:first-child{min-width:80px}.native-article a:not(.btn){color:var(--blue);text-decoration:underline}.native-article .btn{margin-top:22px}.native-article .dialog-note{margin:24px 0;font-size:14px}.article-dialog .dialog-top h2{line-height:1.6}@media(max-width:760px){.article-dialog .dialog-inner{padding:23px}.native-article p,.native-article li{font-size:16px}.native-article td,.native-article th{padding:10px;font-size:14px}.article-dialog .dialog-top h2{font-size:23px}}
.language-switch{display:flex;align-items:center;gap:2px;border:1px solid #cbd7e5;border-radius:6px;padding:3px;background:white;flex-shrink:0;order:3}.language-switch button{font-family:Arial,'MD28 Thai','Microsoft YaHei',sans-serif;background:none;color:#53657a;border:0;border-radius:3px;padding:7px 9px;font-size:14px;min-height:35px;line-height:1.4}.language-switch button[aria-pressed="true"]{background:var(--navy);color:white}.language-switch button:hover{background:#e8eef7;color:var(--navy)}.nav{gap:18px}.links{gap:16px}.links a{font-size:14px}.links .btn{padding:10px 16px}html[lang="en"] h1{font-size:clamp(35px,3.9vw,53px);line-height:1.3}html[lang="en"] .hero-grid{grid-template-columns:1.15fr 1fr}html[lang="en"] .service h3{font-size:21px}html[lang="zh-CN"] body{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC','MD28 Thai',sans-serif}html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif;line-height:1.6}html[lang="zh-CN"] .native-article p{line-height:2}h1,h2,h3,h4,.btn{overflow-wrap:break-word}.btn{text-align:center}html[lang="en"] .photo-label{width:300px}.native-article td{overflow-wrap:anywhere}@media(max-width:1100px){.links{gap:10px}.links a{font-size:13px}.links .btn{padding:9px 10px}.nav{gap:12px}.language-switch button{padding:7px}}@media(max-width:950px){.menu{display:block;order:4;flex-shrink:0}.language-switch{margin-left:auto}.links{display:none;position:absolute;top:84px;left:0;right:0;background:white;padding:22px;box-shadow:0 20px 25px #0b213d12;flex-direction:column;align-items:stretch;gap:17px}.links.open{display:flex}.links a{font-size:16px}.links .btn{font-size:15px;padding:12px 20px}}@media(max-width:760px){.links{top:72px}.nav{gap:8px}.language-switch{gap:0;padding:2px}.language-switch button{font-size:12px;padding:7px 6px;min-height:33px}.menu{padding:7px 10px;font-size:14px}.brand{gap:7px}.brand small{font-size:7px;letter-spacing:.6px}.brand-mark{font-size:23px}.company-logo{width:35px;height:36px}.nav .brand{min-width:0}html[lang="en"] h1{font-size:34px;line-height:1.35}html[lang="en"] .hero-grid{grid-template-columns:1fr}html[lang="en"] .hero-bottom b{font-size:12px}.language-switch{order:3}.menu{order:4}}@media(max-width:380px){.nav .brand small{display:none}.company-logo{width:29px;height:30px}.brand-mark{font-size:21px}.language-switch button{padding:7px 5px}}
.dialog-language{display:flex;justify-content:flex-end;margin-bottom:15px}.dialog-language .language-switch{margin-left:0}.article-dialog .dialog-top{top:0}@media(max-width:760px){.dialog-language{margin-bottom:12px}} 
/* MD28 brand-led redesign */
:root{--navy:#071e38;--blue:#205abe;--red:#ff504e;--pale:#f4f7fb;--line:#dfe5ed}
body{background:#fff}.wrap{width:min(1280px,calc(100% - 88px))}.top{display:none}.header{background:#fff;border-bottom:0}.nav{min-height:92px}.brand-mark{font-size:29px}.company-logo{width:50px;height:49px}.links .btn{background:var(--navy);border-radius:100px;padding:12px 20px}.language-switch{border:0;background:#f1f4f8;border-radius:100px;padding:4px}.language-switch button{border-radius:100px}.menu{border-radius:100px}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;padding:0}.hero>.wrap{position:relative;z-index:1}.hero-grid{grid-template-columns:1.12fr 1fr;gap:60px;min-height:600px;padding:60px 0}.hero-grid>div{position:relative;z-index:3}.hero .eyebrow{color:#a8c4ec;font-size:12px;letter-spacing:2.6px}.hero h1{font-size:clamp(42px,4.5vw,65px);line-height:1.38;color:white;margin:27px 0}.hero h1 em{color:#ff7771}.hero .lead{color:#c5d2e3;font-size:17px;max-width:490px;line-height:1.9}.hero .btn{background:#ff504e;border-color:#ff504e;border-radius:100px;padding:15px 25px}.hero .btn:hover{background:#ec3e3c}.hero .btn.light{background:transparent;border-color:#72849b;color:white}.hero-photo{height:100%;min-height:450px;margin:0;align-self:stretch}.hero-photo img{position:absolute;left:54%;top:0;width:calc(50vw + 80px);height:100%;object-fit:cover;border-radius:0;filter:brightness(.64) saturate(.8)}.hero-photo:after{content:'';position:absolute;left:48%;top:0;bottom:0;width:30%;background:linear-gradient(90deg,var(--navy),transparent);pointer-events:none}.photo-label{left:auto;right:0;bottom:70px;z-index:2;background:#ffffffee;color:var(--navy);border:0;border-radius:0 14px 14px 0;box-shadow:none;padding:20px 25px;width:300px;border-left:4px solid var(--red)}.photo-label small{color:#50647e}.hero-bottom{position:relative;z-index:3;margin:0;border-top:1px solid #ffffff24;gap:35px;padding:26px 0 30px}.hero-bottom span{color:#b2c7e7;font-size:11px;letter-spacing:1.8px}.hero-bottom b{color:white;font-size:15px}.section{padding:80px 0}h2{font-size:clamp(29px,3vw,42px);letter-spacing:0;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:2.3px;color:#647991}.section-head{margin-bottom:34px}.section-head p{font-size:15px}.services{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{border:0;border-right:1px solid var(--line);border-radius:0;padding:35px 27px;background:white;position:relative}.service:last-child{border-right:0}.service:hover{box-shadow:none;background:#f6f8fc}.service .num{font-size:12px;letter-spacing:1px;color:var(--blue);margin-bottom:34px}.service h3{font-size:24px}.service p{font-size:15px;line-height:1.9}.text-btn{border-bottom:0;font-size:14px;padding-top:15px;color:var(--blue)}.review{background:#f3f6fb;border:0}.review-heading{max-width:900px}.review-heading h2{font-size:clamp(29px,3.4vw,46px)}.review-intro{font-size:16px;max-width:820px}.review-cards{gap:18px}.review-cards article{border:0;border-radius:14px;padding:30px;background:white}.review-cards .tag{font-size:12px}.review-cards h3{font-size:23px}.review-cards p{font-size:15px}.review-bottom{gap:45px;margin-top:32px}.review-bottom h3{font-size:21px}.review-bottom li{font-size:15px}.review-bottom aside{border:0;border-radius:14px;padding:30px;background:#e7edf6}.review-bottom aside p{font-size:15px}.btn{border-radius:100px}.review-note{font-size:13px!important}.pricing{align-items:stretch;margin-top:28px}.pricing article{border:1px solid var(--line);border-radius:16px;padding:32px}.pricing article.featured{background:var(--navy);color:white;border:0;box-shadow:0 18px 35px #071e3818}.pricing .featured .tag{color:#b2c9eb}.pricing .featured p,.pricing .featured ul{color:#d6dfec}.pricing .featured .btn{background:var(--red);border-color:var(--red)}.pricing h3{font-size:32px;margin:23px 0 8px}.pricing ul{font-size:15px;line-height:1.8}.pricing li{margin:12px 0}.pricing .btn{font-size:14px;margin-top:16px}.expand-story{margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.expand-story summary{cursor:pointer;font-weight:700;font-size:18px;padding:22px 4px;list-style-position:inside}.expand-story[open] summary{border-bottom:1px solid var(--line);margin-bottom:22px}.expand-story .why-review{border-radius:12px;margin-top:0}.expand-story .report-promise{margin-bottom:22px}.paid-process{margin:22px 0}.knowledge{background:#f3f6fb}.articles{gap:24px}.article{border:0;border-radius:16px;background:white}.article-art{height:185px;padding:28px 30px;border-bottom:5px solid var(--red);background:#dce7f6}.article-art strong{font-size:47px}.article:nth-child(2) .article-art{background:var(--navy)}.article:nth-child(3) .article-art{background:#e2e8f0}.article-body{padding:27px}.article h3{font-size:23px}.article p{font-size:15px}.about-panel{background:var(--navy);color:white;border-radius:16px;padding:35px}.about-panel ul{color:#c7d4e5;font-size:15px}.about-note p{font-size:16px}.contact{background:var(--navy);color:white;border:0}.contact .eyebrow{color:#adc4e6}.contact h2{color:white}.contact p{color:#c7d4e5}.contact-box{background:white;color:var(--navy);border:0;border-radius:16px}.contact-box ol{font-size:15px}.customer-contact strong{font-size:15px}.footer{background:#06172a;padding-top:40px}.footer-contact{font-size:14px}.copyright{margin-top:25px}.dialog-inner .btn{border-radius:100px}html[lang="en"] .hero-grid{grid-template-columns:1.12fr 1fr}html[lang="en"] h1{font-size:clamp(40px,4.2vw,60px);line-height:1.2}html[lang="zh-CN"] h1{line-height:1.5;font-size:clamp(40px,4.2vw,60px)}
@media(max-width:1100px){.wrap{width:calc(100% - 50px)}.hero-grid{gap:35px}.nav{min-height:82px}.service{padding:28px 20px}.services{grid-template-columns:repeat(2,1fr)}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-photo img{left:52%}.photo-label{width:260px;bottom:60px}.links{top:82px}}@media(max-width:760px){.wrap{width:calc(100% - 38px)}.nav{min-height:74px}.links{top:74px}.hero-grid,html[lang="en"] .hero-grid{grid-template-columns:1fr;min-height:0;padding:38px 0 0;gap:26px}.hero h1,html[lang="en"] h1,html[lang="zh-CN"] h1{font-size:38px;line-height:1.4}.hero .lead{font-size:16px}.hero .actions{gap:10px;margin-top:24px}.hero .btn{padding:12px 18px;font-size:14px}.hero-photo{height:230px;min-height:230px;margin:0 -19px}.hero-photo img{position:relative;left:0;top:0;width:100%;height:230px;filter:brightness(.75)}.hero-photo:after{display:none}.photo-label{right:19px;bottom:20px;width:245px;padding:15px 19px}.hero-bottom{gap:14px;padding:21px 0 25px}.hero-bottom span{font-size:9px;letter-spacing:.5px}.hero-bottom b{font-size:12px}.section{padding:52px 0}.section-head{margin-bottom:25px}.service{padding:23px 17px}.service .num{margin-bottom:20px;font-size:11px}.service h3{font-size:20px}.service p{font-size:14px}.review-heading h2{font-size:30px}.review-intro{font-size:15px;margin-bottom:25px}.review-cards article{padding:25px}.review-cards h3{font-size:21px}.review-bottom aside{padding:25px}.pricing h3{font-size:30px}.pricing article{padding:27px}.expand-story summary{font-size:17px;padding:20px 0}.article-art{height:135px}.article-art strong{font-size:42px}.about-panel{padding:27px}.contact-box{padding:26px}.contact h2{font-size:30px}.company-logo{width:36px;height:36px}.brand-mark{font-size:23px}}@media(max-width:380px){.services{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--line)}.hero h1,html[lang="en"] h1,html[lang="zh-CN"] h1{font-size:33px}.company-logo{width:29px;height:30px}.brand-mark{font-size:21px}}
.hero-photo img{left:0;top:-60px;width:calc(50vw + 40px);height:calc(100% + 120px)}.hero-photo:after{left:-35px;top:-60px;bottom:-60px;width:55%;background:linear-gradient(90deg,var(--navy),transparent)}@media(max-width:760px){.hero-photo img{left:0;top:0;width:100%;height:230px}} 
.hero-grid{min-height:520px}.hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.45;max-width:620px}.hero-photo img{left:0;width:calc(50vw + 80px)}.hero-photo:after{left:-1px;width:40%}.hero-photo{min-height:390px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sector-card{border:1px solid var(--line);border-top:4px solid var(--red);padding:30px;border-radius:12px}.sector-code{font:700 38px/1.2 Arial;color:#d1dae8}.sector-card h3{font-size:23px}.sector-card p{color:var(--muted)}.member-section{background:#eaf0f8}.member-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start}.member-grid>div>p{max-width:560px;color:var(--muted);margin-top:24px}.resource-list{margin-top:28px}.resource-list>div{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #ced9e8}.resource-list span{color:var(--blue);font:16px Arial;padding-top:6px}.signup-panel{background:white;padding:34px;border-radius:18px}.signup-panel h3{margin:0 0 14px;font-size:25px}.preview-note{font-size:14px!important;color:var(--muted);line-height:1.8}.signup-panel label{display:block;margin:15px 0 6px;font-size:15px}.signup-panel input,.signup-panel select{font:inherit;width:100%;border:1px solid #b6c5d8;border-radius:7px;padding:11px;background:white;min-width:0}.signup-panel .btn{margin-top:23px;width:100%}.download-resource{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:6px;padding:12px;background:#f3f6fb;margin:10px 0;color:var(--blue);font-size:15px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-grid>div>p{color:var(--muted);margin-top:23px}.report-sheet{border:1px solid #cbd5e3;border-radius:12px;padding:30px;box-shadow:12px 12px 0 #eaf0f8;background:white}.report-top{display:flex;justify-content:space-between;font:12px Arial;color:var(--blue);letter-spacing:1px;border-bottom:2px solid var(--navy);padding-bottom:18px}.report-sheet h3{font-size:24px}.report-line{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.report-line>span{color:var(--red);font:16px Arial;padding-top:6px}.report-line p{margin:5px 0 0;font-size:15px;color:var(--muted)}.guide-section{background:#f4f7fb}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-grid article{padding:30px;background:white;border-radius:12px;border:1px solid var(--line)}.guide-grid h3{font-size:23px;margin:0 0 15px}.guide-grid p{color:var(--muted);margin:0}.footer-links{gap:20px}.sector-card button{min-height:44px}select{font:inherit}[hidden]{display:none!important}
@media(max-width:760px){.member-grid,.case-grid,.guide-grid,.sector-grid{grid-template-columns:1fr;gap:25px}.hero-grid{min-height:0}.hero h1{font-size:35px}.hero-photo{min-height:260px}.hero-photo img{left:0;width:100%;position:relative}.signup-panel{padding:25px}.report-sheet{padding:23px;box-shadow:6px 6px 0 #eaf0f8}.sector-card{padding:24px}.hero-bottom{grid-template-columns:1fr;gap:15px}.hero-bottom div{display:flex;gap:20px;align-items:center}.hero-bottom span{width:70px;margin:0}.hero-bottom b{font-size:14px}}

/* ===== MD28 v17: multi-page additions ===== */
@font-face{font-family:'MD28 Thai';src:url(fonts/md28-thai-regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'MD28 Thai';src:url(fonts/md28-thai-bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
.links a[aria-current="page"]{color:var(--blue);font-weight:700}
a.text-btn{display:inline-flex;align-items:center;min-height:44px}
.more{gap:12px;flex-wrap:wrap}
.section-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-bottom a{color:inherit;display:block}
.hero-bottom a:hover b{text-decoration:underline}

/* inner page header */
.page-hero{background:var(--navy);color:#fff;padding:50px 0 56px}
.page-hero .eyebrow{color:#a8c4ec}
.page-hero h1{color:#fff;font-size:clamp(31px,3.5vw,47px);line-height:1.45;margin:18px 0 14px;max-width:860px}
.page-hero .lead{color:#c5d2e3;font-size:17px;max-width:660px;margin:0}
.page-hero .btn{background:#ff504e;border-color:#ff504e}
.page-hero .btn:hover{background:#ec3e3c}
.page-hero .btn.light{background:transparent;border-color:#72849b;color:#fff}
.crumbs{font-size:14px;color:#a8c4ec;margin:0 0 14px}
.crumbs a{text-decoration:underline;text-underline-offset:4px}
.crumbs span{margin:0 8px}

/* blocks that used to sit inside <details> */
.why-review{margin:0 0 25px}
.plain-head{margin:0 0 22px}
.plain-head h2{margin-top:10px}
.plain-head p{color:var(--muted);max-width:640px;margin:14px 0 0}
.pricing-note{font-size:14px;color:var(--muted);margin:18px 0 0}

/* articles: 6 cards, article page */
.articles .article:nth-child(3n+1) .article-art{background:#dce7f6;color:var(--blue)}
.articles .article:nth-child(3n+2) .article-art{background:var(--navy);color:#dce9f6}
.articles .article:nth-child(3n) .article-art{background:#e2e8f0;color:#314d70}
.article-page{max-width:860px}
.article-page .native-article>p:first-child{font-size:18px}
.article-cta{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.article-cta h2{font-size:26px;margin:0 0 6px}
.article-cta p{color:var(--muted);margin:0}

/* services page */
.service-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;padding:42px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.service-detail:last-of-type{border-bottom:1px solid var(--line)}
.service-detail .num{font:600 12px Arial;letter-spacing:1px;color:var(--blue)}
.service-detail h2{font-size:clamp(25px,2.4vw,32px);margin:14px 0 12px}
.service-detail p{color:var(--muted);margin:0}
.service-detail ul{margin:0;padding-left:22px}
.service-detail li{margin:10px 0}
.service-detail .dialog-note{margin-top:18px;border-radius:8px}

/* free templates */
.resource-list.downloads>div{align-items:center;justify-content:space-between;gap:16px}
.resource-list.downloads .res-title{display:flex;gap:20px;align-items:flex-start;min-width:0}
.resource-list.downloads .btn{padding:9px 18px;font-size:14px;flex:none;min-height:44px}
.resource-wrap{max-width:860px}

/* forms */
.form-section{background:#eaf0f8;scroll-margin-top:90px}
.form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.form-grid>div>p{color:var(--muted);margin-top:22px;max-width:480px}
.form-grid ul{color:var(--muted);padding-left:22px;margin:10px 0 0}
.form-grid li{margin:8px 0}
.form-grid h3.mini{font-size:18px;margin:28px 0 0}
.form-panel{background:#fff;padding:34px;border-radius:18px}
.form-panel h3{margin:0 0 6px;font-size:25px}
.form-panel .hint{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.form-panel fieldset{border:0;padding:0;margin:26px 0 0;min-width:0}
.form-panel legend{font-weight:700;font-size:17px;color:var(--navy);padding:0 0 8px;border-bottom:1px solid var(--line);width:100%}
.form-panel label{display:block;margin:16px 0 6px;font-size:15px;font-weight:700}
.form-panel label .opt{font-weight:400;color:var(--muted);margin-left:6px}
.form-panel input[type=text],.form-panel input[type=email],.form-panel input[type=tel],.form-panel select,.form-panel textarea{font:inherit;width:100%;border:1px solid #9fb2ca;border-radius:7px;padding:11px 12px;background:#fff;min-width:0;color:var(--text)}
.form-panel textarea{min-height:92px;resize:vertical;line-height:1.7}
.form-panel input:focus-visible,.form-panel select:focus-visible,.form-panel textarea:focus-visible{outline:3px solid #ffb85a;outline-offset:2px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.form-panel label.consent{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:14px;font-weight:400;line-height:1.8}
.consent input{width:20px;height:20px;margin:4px 0 0;flex:none}
.form-panel .btn{margin-top:22px;width:100%}
.form-result textarea{min-height:230px;font-size:14px;background:#f3f6fb;margin-top:14px}
.form-result .actions{margin-top:6px}
.form-result .actions .btn{width:auto;flex:1 1 160px;margin-top:12px}
.form-result .notice{background:#fff6e5;border-left:4px solid #e0a020;padding:14px 16px;font-size:14px;line-height:1.8;color:#5b4410;margin:14px 0 0}
.copy-status{font-size:14px;color:var(--blue);min-height:24px;margin:10px 0 0}

/* about: company facts */
.facts{margin:0;display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--line)}
.facts dt,.facts dd{margin:0;padding:15px 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted)}
.facts dd{font-weight:700}
.facts dd.pending{font-weight:400;color:#8a5a00}

/* legal drafts */
.legal{max-width:860px}
.legal h2{font-size:24px;margin:34px 0 10px}
.legal li{margin:9px 0}
.legal p{color:var(--muted)}
.draft-banner{background:#fff6e5;border-left:4px solid #e0a020;padding:16px 18px;color:#5b4410;font-size:15px;line-height:1.8;margin:0 0 10px}

/* footer */
.footer-legal{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:13px}
.footer-legal a:hover,.footer-links a:hover{text-decoration:underline}

@media(max-width:1180px){.menu{display:block;order:4;flex-shrink:0}.language-switch{margin-left:auto}.links{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px;box-shadow:0 20px 25px #0b213d12;flex-direction:column;align-items:stretch;gap:6px}.links.open{display:flex}.links a{font-size:16px;padding:10px 0}.links .btn{font-size:15px;padding:12px 20px;margin-top:8px}}
@media(max-width:760px){.links{top:100%}.page-hero{padding:34px 0 40px}.page-hero h1{font-size:30px;line-height:1.5}.page-hero .lead{font-size:16px}.form-grid,.service-detail{grid-template-columns:1fr;gap:26px}.service-detail{padding:32px 0}.form-panel{padding:24px}.form-row{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}.facts dd{padding-top:4px}.resource-list.downloads>div{flex-wrap:wrap}.article-cta h2{font-size:23px}}
@media(max-width:760px){.footer-links{gap:0 20px}.footer-links a,.footer-legal a,.footer-contact a{display:inline-block;padding:10px 0}.footer-legal{gap:0 20px;margin-top:8px}.hero-bottom a{padding:9px 0}.hero-bottom{gap:0}.customer-contact a{padding:7px 0}.customer-contact{gap:0}}

/* ===== v18: LINE as the contact channel ===== */
.line-qr{display:flex;gap:16px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.line-qr img{width:132px;height:132px;flex:none;border:1px solid var(--line);border-radius:8px;background:#fff}
.line-qr p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
.line-note{font-size:13px;line-height:1.8;color:var(--muted);margin:16px 0 0}
.line-note a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.form-result .hint{margin-top:6px}
.form-panel input[type=tel]{font:inherit;width:100%;border:1px solid #9fb2ca;border-radius:7px;padding:11px 12px;background:#fff;min-width:0;color:var(--text)}
.footer-contact span{overflow-wrap:anywhere}
@media(max-width:760px){.line-qr{display:none}.line-note a{display:inline-block;padding:8px 0}}

/* ===== v19: visual layer — container yard, report as an object, port illustration ===== */
:root{--corr:repeating-linear-gradient(90deg,#ffffff0b 0,#ffffff0b 2px,transparent 2px,transparent 15px,#0000002e 15px,#0000002e 17px,transparent 17px,transparent 30px)}
.ico{width:24px;height:24px;flex:none}

/* hero */
.hero{background-image:var(--corr)}
.hero-bottom a{display:flex;gap:16px;align-items:center}
.hero-bottom .ico{width:44px;height:44px;padding:10px;border:1px solid #ffffff38;border-radius:12px;color:#fff;transition:background .2s,border-color .2s}
.hero-bottom a:hover .ico{background:var(--red);border-color:var(--red)}
.hero-bottom .hb{display:block;min-width:0}

/* services as a row of containers */
.services.yard{grid-template-columns:repeat(4,1fr);gap:14px;border:0}
.services.yard .service{position:relative;border:0;border-radius:6px;padding:26px 24px 24px;min-height:320px;color:#fff;background-color:var(--navy);background-image:var(--corr);overflow:hidden;transition:transform .2s,box-shadow .2s}
.services.yard .service:before{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:#0000002e}
.services.yard .service:after{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;background:#0000002e}
.services.yard .service:hover{transform:translateY(-6px);box-shadow:0 22px 34px #071e3830}
.services.yard .b2{background-color:var(--blue)}
.services.yard .b3{background-color:#cf3836}
.services.yard .b4{background-color:#dfe7f1;color:var(--navy);background-image:repeating-linear-gradient(90deg,#ffffff8c 0,#ffffff8c 2px,transparent 2px,transparent 15px,#071e3814 15px,#071e3814 17px,transparent 17px,transparent 30px)}
.services.yard .plate{position:absolute;top:24px;right:22px;font:700 11px/1 Arial,sans-serif;letter-spacing:1.6px;opacity:.6}
.services.yard .ico.svc{width:58px;height:58px;stroke-width:1.3;margin:6px 0 34px}
.services.yard .service .num{color:inherit;opacity:.72;font-size:12px;letter-spacing:1.4px;margin-bottom:8px}
.services.yard .service h3{font-size:24px;margin:0 0 10px;color:inherit}
.services.yard .service p{color:inherit;opacity:.86;font-size:15px}
.services.yard .service .text-btn{color:inherit;border:0;padding:14px 0 0;text-decoration:underline;text-underline-offset:5px}
.service-detail .ico.svc{width:46px;height:46px;stroke-width:1.3;color:var(--blue);display:block;margin-bottom:14px}

/* product-review teaser: the report shown as an object */
.teaser{background-color:var(--navy);background-image:var(--corr);color:#fff;overflow:hidden}
.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.teaser .eyebrow{color:#a8c4ec}
.teaser h2{color:#fff;margin:16px 0 0}
.teaser-lead{color:#c5d2e3;font-size:17px;margin:20px 0 0}
.teaser-promise h3{font-size:19px;line-height:1.7;margin:26px 0 0;padding-left:18px;border-left:4px solid var(--red);color:#fff;font-weight:600}
.teaser .actions{margin-top:30px}
.teaser .btn{background:var(--red);border-color:var(--red)}
.teaser .btn:hover{background:#ec3e3c}
.teaser .report-sheet{color:var(--text);transform:rotate(1.6deg);box-shadow:0 30px 60px #00000059;border:0}
.report-sheet{position:relative}
.report-sheet>h3{padding-right:130px}
.stamp{position:absolute;top:58px;right:22px;width:118px;height:118px;color:var(--red);opacity:.88;transform:rotate(-12deg);pointer-events:none}
.stamp-ring{font:700 10.5px Arial,sans-serif;letter-spacing:1.9px}
.stamp-th{font:700 19px 'MD28 Thai',Arial,sans-serif}
.js .stamp{opacity:0;transform:rotate(-26deg) scale(1.7)}
.js .stamp.on{opacity:.88;transform:rotate(-12deg) scale(1);transition:transform .32s cubic-bezier(.2,1.5,.4,1),opacity .14s ease-out}

/* commitments */
.trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.trust h2{margin:16px 0 0}
.trust .entity{margin:22px 0 6px;color:var(--muted);font-size:15px;line-height:1.8}
.ledger{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.ledger li{display:flex;gap:18px;align-items:flex-start;padding:19px 4px;border-bottom:1px solid var(--line)}
.ledger .tick{width:30px;height:30px;color:var(--red);margin-top:2px}
.ledger strong{display:block;font-size:19px;line-height:1.6;color:var(--navy)}
.ledger p{margin:2px 0 0;color:var(--muted);font-size:15px}
.trust.on-about{padding-top:0}

/* port illustration */
.scene-wrap{margin:0}
.scene{display:block;width:100%;height:auto}
.about-grid{align-items:center}
.about-grid .actions{margin-top:26px}

/* inner page header */
.page-hero{background-image:var(--corr);position:relative;overflow:hidden}
.ph-art{position:absolute;right:0;bottom:-56px;width:228px;height:132px;opacity:.9}

@media(max-width:1100px){.services.yard{grid-template-columns:repeat(2,1fr)}.services.yard .service{min-height:270px;border:0}.teaser-grid{gap:44px}.trust-grid{gap:44px}}
@media(max-width:900px){.teaser-grid,.trust-grid{grid-template-columns:1fr;gap:36px}.ph-art{display:none}}
@media(max-width:760px){.services.yard{grid-template-columns:1fr;gap:10px}.services.yard .service{min-height:0;padding:24px 20px 22px;border:0}.services.yard .ico.svc{width:46px;height:46px;margin:2px 0 18px}.services.yard .service h3{font-size:22px}.services.yard .service .text-btn{padding:14px 0 6px}
.hero-bottom .ico{width:38px;height:38px;padding:8px}.hero-bottom a{gap:14px}
.teaser .report-sheet{transform:none}.report-sheet>h3{padding-right:96px}.stamp{width:88px;height:88px;top:54px;right:12px}
.ledger strong{font-size:17px}.ledger li{gap:14px;padding:16px 0}}
@media(prefers-reduced-motion:reduce){.js .stamp,.js .stamp.on{opacity:.88;transform:rotate(-12deg);transition:none}.services.yard .service{transition:none}}
.hero-bottom .hb{font:inherit;letter-spacing:0;color:inherit;margin:0}
.case-section{overflow:hidden}
.ph-art{bottom:0}
@media(max-width:760px){.hero-bottom{grid-template-columns:1fr;gap:0;padding:8px 0 16px}.hero-bottom>div{border-bottom:1px solid #ffffff1f}.hero-bottom>div:last-child{border-bottom:0}.hero-bottom a{padding:12px 0}.hero-bottom b{font-size:15px}}
.hero-bottom .hb,.hero-bottom .hb span{width:auto}
.hero-bottom .hb{flex:1}

/* ===== v20: promotion prices ===== */
.pricing h3.price{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:20px 0 10px}
.promo-tag{background:var(--red);color:#fff;font-size:12px;font-weight:700;line-height:1.6;padding:2px 12px;border-radius:100px}
.pricing .price .now{font-size:32px;line-height:1.35}
.pricing .price s{font-size:15px;font-weight:400;color:var(--muted);text-decoration-thickness:1.5px}
.pricing .featured .price s{color:#b2c9eb}
@media(max-width:760px){.pricing .price .now{font-size:29px}}

/* ===== v21: no forms — what to send, then LINE ===== */
.send-panel .hint{margin-top:6px}
.send-list{list-style:none;margin:18px 0 6px;padding:0;border-top:1px solid var(--line)}
.send-list li{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.7}
.send-list .tick{width:24px;height:24px;color:var(--red);margin-top:2px}
.send-panel .btn{margin-top:22px;width:100%}
.form-grid>div>.line-qr{border-top:0;padding-top:0;margin-top:30px}
.contact-box .customer-contact{margin-bottom:0}
.form-grid .send-list{padding-left:0;color:inherit}
.form-grid .send-list li{margin:0}

/* ===== v24: hero illustration instead of a photo ===== */
.hero-photo img.art{filter:none}
@media(max-width:760px){.hero-photo img.art{filter:none;object-position:60% 70%}}
.hero-photo img.art{object-position:50% 100%}
.art-fig .photo-label{bottom:-24px}
@media(max-width:760px){.hero-photo.art-fig{height:auto;min-height:0}.hero-photo.art-fig img.art{height:250px;object-position:42% 60%;display:block}
.art-fig .photo-label{position:static;width:auto;border-radius:0;padding:16px 19px;background:#fff}}

/* ===== v25: one banner photo per page (supplied by MJ; each has open navy space on the left for the text) ===== */
.scene-wrap.photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:18px}

/* home: photo fills the hero on desktop */
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,100% 60%);z-index:0}
.hero.has-bg:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#071e38 0,#071e38e0 26%,#071e3899 44%,#071e3800 66%),linear-gradient(0deg,#071e38f2 0,#071e3800 30%)}
.hero.has-bg .hero-photo img{display:none}
.hero.has-bg .hero-photo:after{display:none}
.hero.has-bg .photo-label{left:auto;right:0;bottom:34px}

/* inner pages: photo fills the header on desktop */
.page-hero.has-photo{padding:0;min-height:440px;display:flex;align-items:center}
.page-hero.has-photo .wrap{padding:64px 0 68px;position:relative;z-index:2}
.page-hero.has-photo h1,.page-hero.has-photo .lead{max-width:min(54%,640px)}
.ph-photo{position:absolute;inset:0;margin:0;z-index:1;overflow:hidden}
.ph-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,100% 30%);display:block}
.ph-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e38 0,#071e38d9 28%,#071e3866 46%,#071e3800 64%)}

@media(max-width:900px){
  .page-hero.has-photo{display:block;min-height:0}
  .page-hero.has-photo .wrap{padding:34px 0 30px}
  .page-hero.has-photo h1,.page-hero.has-photo .lead{max-width:none}
  /* the photos keep their subject on the right half, so the strip shows that half */
  .ph-photo{position:relative;inset:auto;height:240px}
  .ph-photo img{width:170%;max-width:none;margin-left:-70%;height:240px;object-position:var(--mpos,50% 30%)}
  .ph-photo:after{background:linear-gradient(180deg,#071e38 0,#071e3800 26%)}
  .scene-wrap.photo img{max-height:380px}
}
@media(max-width:760px){
  .hero-bg,.hero.has-bg:after{display:none}
  .hero.has-bg .hero-photo{height:auto;min-height:0;overflow:hidden}
  .hero.has-bg .hero-photo img{display:block;position:relative;left:auto;top:auto;width:170%;max-width:none;margin-left:-70%;height:250px;object-fit:cover;object-position:var(--mpos,50% 60%);filter:none}
  .hero.has-bg .photo-label{position:static;width:auto;border-radius:0;padding:16px 19px;background:#fff}
}
@media(min-width:761px){.hero.has-bg .photo-label{display:none}}

/* ---------- v26: analysis page order, scope table, short sample, LINE-delivered templates ---------- */
.cta-note{font-size:14px;line-height:1.8;margin:14px 0 0;color:var(--muted)}
.hero .cta-note,.page-hero .cta-note{color:#c4d6ee}
.send-panel .cta-note{text-align:center;margin-top:12px}
.section-actions+.cta-note{margin-top:14px}
.step-nav{background:#fff;border-bottom:1px solid var(--line)}
.step-nav ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;counter-reset:step;scrollbar-width:none}
.step-nav ol::-webkit-scrollbar{display:none}
.step-nav li{flex:none;counter-increment:step}
.step-nav a{display:flex;align-items:center;gap:9px;padding:14px 16px 14px 0;font-size:15px;font-weight:700;color:var(--navy);white-space:nowrap}
.step-nav a::before{content:counter(step);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pale);color:var(--blue);font:700 12px Arial}
.step-nav li+li a::after{content:"";order:-2;width:18px;height:1px;background:#b9c8dc;margin-right:6px}
.step-nav a:hover{color:var(--blue)}
.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.check-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 22px;border-top:4px solid var(--blue)}
.check-grid .ico.chk{width:38px;height:38px;stroke-width:1.4;color:var(--blue);display:block;margin-bottom:16px}
.check-grid h3{font-size:19px;margin:0 0 8px;line-height:1.5}
.check-grid p{margin:0;font-size:15px;line-height:1.8;color:var(--muted)}
.when{margin-top:44px;padding-top:34px;border-top:1px solid var(--line)}
.when>h3{font-size:22px;margin:0 0 20px}
.when-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.when-grid article{border-left:3px solid var(--red);padding-left:18px}
.when-grid h4{font-size:17px;line-height:1.65;margin:0 0 8px}
.when-grid p{margin:0;font-size:15px;line-height:1.8;color:var(--muted)}
.receive{background:var(--pale)}
.receive .form-grid{grid-template-columns:1fr 1fr}
.receive h2{margin-top:10px}
.scope{margin-top:36px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 26px 22px}
.scope h3{font-size:21px;margin:0 0 14px}
.scope-scroll{overflow-x:auto}
.scope table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
.scope th,.scope td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}
.scope thead th{color:var(--navy);font-size:15px;border-bottom:2px solid var(--navy)}
.scope tbody th{color:var(--muted);font-weight:400;width:30%}
.scope tbody tr:last-child th,.scope tbody tr:last-child td{border-bottom:0}
.scope-h{display:none}
.scope-requote{margin:16px 0 0;font-size:15px;line-height:1.8;color:var(--muted)}
.scope-requote strong{color:var(--navy);display:block}
.pricing-note{margin:22px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.start-steps{list-style:none;margin:26px 0 0;padding:0;counter-reset:st}
.start-steps li{position:relative;counter-increment:st;padding:0 0 22px 52px;font-size:15px;line-height:1.8;color:var(--muted)}
.start-steps li::before{content:counter(st);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 14px Arial}
.start-steps li:not(:last-child)::after{content:"";position:absolute;left:16.5px;top:38px;bottom:4px;width:1px;background:#b9c8dc}
.start-steps strong{display:block;color:var(--navy);font-size:17px}
.form-grid .start-steps li{margin:0}
.sample-pages{background:var(--pale)}
.sample-pages .wrap{max-width:860px}
.paper{position:relative;overflow:hidden;background:#fff;border:1px solid #cbd5e3;border-radius:6px;padding:44px 46px;margin:0 0 28px;box-shadow:0 18px 40px #071e3814}
.paper::after{content:"ตัวอย่าง  MD28  ตัวอย่าง  MD28  ตัวอย่าง  MD28";position:absolute;left:-20%;right:-20%;top:46%;text-align:center;white-space:nowrap;font-weight:700;font-size:64px;letter-spacing:2px;color:#071e38;opacity:.055;transform:rotate(-24deg);pointer-events:none;user-select:none}
.paper h2{font-size:26px;margin:24px 0 6px}
.paper-sub{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 8px}
.redact{padding:18px 0;border-bottom:1px solid var(--line)}
.redact strong{display:block;font-size:16px;color:var(--navy);margin-bottom:10px}
.redact i{display:block;height:11px;border-radius:6px;background:#e3e9f1;margin:8px 0;width:100%}
.redact i.s{width:58%}
.paper .preview-note{margin:20px 0 0}
.sample-pages .section-actions{margin-top:8px}
.reviewed{font-size:14px;color:var(--muted);margin:0 0 20px}
.reviewed span:first-child{font-weight:700;color:var(--navy)}
.sources{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.sources h2{font-size:19px;margin:0 0 10px}
.sources ul{margin:0;padding-left:20px;font-size:15px;line-height:1.9}
.sources a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.resource-list.downloads .res-title>div{min-width:0}
.resource-list .res-meta{margin:4px 0 0;font-size:14px;color:var(--muted)}
.resource-list .res-meta span{font:inherit;color:inherit;padding:0}
.resource-list .res-meta span+span::before{content:"· "}
.resource-list .res-chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.resource-list .res-chips li{font-size:13px;line-height:1.6;background:var(--pale);color:#314d70;border-radius:999px;padding:4px 12px}
@media(max-width:1000px){.check-grid{grid-template-columns:repeat(2,1fr)}.receive .form-grid{grid-template-columns:1fr}}
@media(max-width:760px){
.step-nav ol{flex-wrap:wrap;gap:0 14px;overflow:visible;padding:6px 0}
.step-nav a{padding:7px 0;font-size:14px}
.step-nav li+li a::after{display:none}
.check-grid{grid-template-columns:1fr;gap:12px}
.check-grid article{padding:18px;display:grid;grid-template-columns:38px 1fr;column-gap:14px}
.check-grid .ico.chk{grid-row:1/3;margin:2px 0 0}
.when{margin-top:32px;padding-top:26px}
.when-grid{grid-template-columns:1fr;gap:20px}
.scope{padding:18px 16px}
.scope table{min-width:0;font-size:14px;display:block}
.scope thead{display:none}
.scope tbody,.scope tr{display:block}
.scope tbody th{display:block;width:auto;border:0;padding:14px 0 4px;font-weight:700;color:var(--navy)}
.scope tbody td{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border:0}
.scope tbody td .scope-h{display:block;color:var(--muted);max-width:60%}
.scope tbody tr{border-bottom:1px solid var(--line);padding-bottom:10px}
.scope tbody tr:last-child{border-bottom:0}
.paper{padding:26px 20px}
.paper::after{font-size:38px}
.paper h2{font-size:22px}
}

/* ---------- v27 ---------- */
html[lang="th"] .nb{white-space:nowrap}
.rate-date{font-size:14px;color:var(--muted)}
body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:10px 16px;z-index:50}.skip:focus{left:10px;top:10px}@media(max-width:760px){.hero-bottom div{display:block}.hero-bottom a{display:flex;gap:20px;align-items:center}}