*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Thai",sans-serif;color:#171717;background:#f5f6f8}.wrap{width:min(1180px,90%);margin:auto}header{position:sticky;top:0;z-index:20;background:#0d0d0d;border-bottom:3px solid #ff6500}.nav{height:80px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.brand img{width:105px;height:54px;object-fit:contain;background:#fff;padding:5px;border-radius:9px}.nav nav{margin-left:auto;display:flex;gap:25px}.nav nav a{color:#ddd;text-decoration:none;font-weight:700}.nav nav a:hover{color:#ff6500}.nav button{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.hero{background:linear-gradient(120deg,#0e0e0e,#1b100b 70%,#351406);color:#fff;padding:100px 0}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:center}.orange,article small{color:#ff6500;font-weight:900;letter-spacing:.5px}.hero h1{font-size:clamp(45px,6vw,75px);line-height:1.05;margin:18px 0}.hero h1 em{font-style:normal;color:#ff6500}.hero p{font-size:18px;line-height:1.8;color:#bbb;max-width:720px}.cta{display:inline-block;margin-top:20px;background:#ff6500;color:#fff;padding:15px 22px;border-radius:10px;text-decoration:none;font-weight:800}.logo-card{background:#fff;color:#111;border-radius:22px;padding:40px;text-align:center;box-shadow:0 20px 60px #0008}.logo-card img{max-width:100%}.logo-card b{display:block;margin-top:20px}.section{padding:85px 0}.section h2{font-size:42px;margin:10px 0 32px}.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.two>p{font-size:18px;line-height:1.8;color:#666}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid article{background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 7px 25px #0000000d}.grid .body,.grid article:not(:has(.body)){padding:22px}.grid article p{color:#666;line-height:1.6}.pic{height:230px;background:#fff}.pic img{width:100%;height:100%;object-fit:contain;padding:18px}.price{display:block;margin-top:15px}.dark{background:#111;color:#fff}.dark article{background:#1b1b1b;border:1px solid #333;box-shadow:none}.dark article p{color:#aaa}.num{color:#ff6500;font-size:14px;font-weight:900}.news,.banners{background:#eceff2}.contactbox{background:#ff6500;color:#fff;padding:32px;border-radius:18px}.contactbox>a{display:block;color:#fff;text-decoration:none;font-size:38px;font-weight:900;margin:8px 0}footer{background:#080808;color:#888;padding:30px 0}@media(max-width:780px){.nav nav{display:none;position:absolute;left:0;right:0;top:80px;background:#111;padding:20px 5%;flex-direction:column}.open .nav nav{display:flex}.nav button{display:block}.hero-grid,.two,.grid{grid-template-columns:1fr}.hero{padding:65px 0}.logo-card{display:none}.section{padding:60px 0}.section h2{font-size:34px}}