:root{--navy:#1e2d4d;--graphite:#5a5a58;--sky:#7fa8cc;--orange:#e8873d;--neutral:#f5f7fa;--line:#e2e8ee}
*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans Thai',sans-serif;color:var(--graphite);line-height:1.75;background:#fff}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:auto;height:44px}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;font-weight:600;color:var(--navy)}.nav-cta,.button{display:inline-flex;justify-content:center;padding:11px 19px;border-radius:12px;background:var(--navy);color:#fff!important;text-decoration:none}.hero{padding:54px 0 62px;background:linear-gradient(135deg,#f5f7fa,#eaf1f7)}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;color:#687891;margin-bottom:32px}.breadcrumb a{text-decoration:none}.eyebrow,.label{margin:0 0 9px;color:#547da2;font-size:13px;font-weight:700;letter-spacing:.04em}.hero h1{max-width:900px;margin:0;color:var(--navy);font-size:clamp(32px,5vw,52px);line-height:1.25}.lead{max-width:760px;margin:18px 0 0;font-size:18px}.case-content{padding:70px 0}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:54px;align-items:start}.case-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin-bottom:44px}.case-content article section{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line)}h2{color:var(--navy);line-height:1.4}.case-content h2{font-size:25px;margin:0 0 12px}.case-content p{margin:0;font-size:17px}.summary{position:sticky;top:104px;padding:28px;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(30,45,77,.07)}.summary h2{margin:0 0 20px;font-size:22px}.summary dl{margin:0}.summary dt{font-size:13px;font-weight:700;color:#728399}.summary dd{margin:4px 0 22px;color:var(--navy)}.summary ul{margin:0;padding-left:20px}.button{width:100%;margin-top:10px;font-weight:700}.button.secondary{background:#edf2f6;color:var(--navy)!important}.privacy-note{padding:54px 0;background:var(--neutral)}.privacy-note .wrap{max-width:820px}.privacy-note h2{margin:0 0 10px}.privacy-note p{margin:0 0 14px}footer{padding:54px 0 24px;background:#17233c;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-grid img{height:48px;width:auto;filter:brightness(0) invert(1)}footer h2{color:#fff;font-size:18px;margin-top:0}footer p{color:#b9c5d2}footer a{text-decoration:none}.copyright{margin-top:36px;padding-top:20px;border-top:1px solid #3a4a5a;color:#9bb0c6;font-size:13px}@media(max-width:760px){.nav nav>a:not(.nav-cta){display:none}.case-layout{grid-template-columns:1fr}.summary{position:static}.footer-grid{grid-template-columns:1fr}.hero{padding-top:36px}.case-content{padding:46px 0}}