*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Thai","Noto Sans JP",sans-serif;color:#0b1930;background:#e9f4fc url('/assets/optimized/e20b373b912d46fd.webp') center top/cover fixed}a{text-decoration:none;color:inherit}.wrap{width:min(1240px,calc(100% - 34px));margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(250,253,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #cfe0ef}.nav{min-height:94px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:16px;margin-right:auto}.brand img{width:205px;height:62px;object-fit:contain;background:#fff;border-radius:14px;padding:8px}.brand strong{font-size:25px}.brand small{display:block;color:#617286;font-weight:700;margin-top:5px}.navlinks{display:flex;align-items:center;gap:16px;font-weight:800}.lang{padding:11px;border:1px solid #cad9e7;border-radius:12px;background:#fff;font-weight:800}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 19px;border-radius:14px;background:#0767c9;color:white;font-weight:900;border:0}.btn.alt{background:#fff;color:#0b1930;border:1px solid #cfdeeb}.hero{padding:58px 0;background:linear-gradient(110deg,rgba(4,18,36,.96),rgba(0,91,178,.88));color:#fff}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.kicker{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#8cd0ff;font-weight:900}.hero h1{font-size:clamp(43px,6vw,76px);line-height:.98;margin:14px 0 22px}.hero p{font-size:18px;line-height:1.65;color:#dbeeff}.hero-media{background:#fff;border-radius:28px;padding:22px;box-shadow:0 25px 65px #001b3580}.hero-media img{width:100%;height:390px;object-fit:contain}.section{padding:62px 0}.section h2{font-size:clamp(32px,4vw,48px);margin:0 0 12px}.lead{font-size:17px;line-height:1.65;color:#50657b;max-width:900px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{background:#ffffffed;border:1px solid #cee0ef;border-radius:24px;overflow:hidden;box-shadow:0 16px 38px #173e641c;display:flex;flex-direction:column}.card img{width:100%;height:245px;object-fit:contain;background:#fff;padding:15px}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card h3{font-size:24px;margin:7px 0 12px}.card p{color:#52677d;line-height:1.55}.tag{font-size:12px;color:#0767c9;font-weight:900;letter-spacing:.09em}.card .btn{margin-top:auto;align-self:flex-start}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.spec{background:#fff;border-radius:18px;padding:19px;border:1px solid #d3e3f0}.spec b{display:block;color:#52667a;font-size:13px;margin-bottom:7px}.spec span{font-weight:900;font-size:19px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.feature{background:#f7fbff;border:1px solid #d6e7f5;border-radius:15px;padding:16px;font-weight:700}.feature:before{content:'✓';color:#0870d5;margin-right:10px}.note{font-size:13px;color:#607488;margin-top:20px}.cta{margin:20px auto 64px;background:#06182c;color:white;border-radius:27px;padding:34px;display:flex;align-items:center;gap:24px}.cta div{margin-right:auto}.cta h2{margin:0 0 8px}.foot{background:#050e19;color:#d5e1ec;padding:35px 0}.footin{display:flex;align-items:center;gap:25px}.foot img{width:220px;background:#fff;padding:8px;border-radius:12px}.foot p{margin-left:auto;text-align:right}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.cards,.spec-grid{grid-template-columns:repeat(2,1fr)}.navlinks a:not(.btn){display:none}}@media(max-width:620px){.brand strong,.brand small{display:none}.brand img{width:160px}.navlinks .btn{display:none}.cards,.spec-grid,.features{grid-template-columns:1fr}.hero-media img{height:300px}.cta,.footin{display:block}.foot p{text-align:left;margin:20px 0 0}}