:root{--navy:#0e2438;--navy-2:#132f4a;--navy-3:#1a3a5c;--green:#54b348;--green-dark:#3f9636;--line-green:#06c755;--white:#fff;--grey:#c8d4e0;--grey-2:#8fa3b5;--radius:16px;--shadow:0 10px 30px #00000040}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);font-family:Noto Sans Thai,Segoe UI,Leelawadee UI,Tahoma,sans-serif;line-height:1.65}img{max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}section{padding:64px 0}h1,h2,h3{line-height:1.3}.accent{color:var(--green)}header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e2438f2;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:14px 20px;display:flex}.logo{letter-spacing:.5px;font-size:1.3rem;font-weight:800}.logo span{color:var(--green)}.nav-cta{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-green{background:var(--green);color:#fff}.btn-line{background:var(--line-green);color:#fff}.btn-outline{color:#fff;background:0 0;border:2px solid #ffffff80}.btn-white{color:var(--navy);background:#fff}.btn-sm{padding:9px 18px;font-size:.9rem}.hero{background:linear-gradient(#0c2035 0%,#0e2438 55%,#0a1b2b 100%);padding:72px 0 64px;position:relative;overflow:hidden}.hero-art{pointer-events:none;width:72%;max-width:1050px;position:absolute;top:0;bottom:0;right:0}.hero-art img{object-fit:cover;object-position:center right;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:1;background:linear-gradient(100deg,#0c2035f7 30%,#0c2035d1 52%,#0c203540 80%,#0c203500);position:absolute;inset:0}.hero .container{z-index:2;position:relative}@media (width<=860px){.hero-art{opacity:.45;width:100%}.hero:before{background:linear-gradient(#0c2035e6,#0c2035bf)}}.badge-pill{color:var(--green);border:1px solid var(--green);background:#54b34826;border-radius:50px;margin-bottom:18px;padding:6px 18px;font-size:.9rem;font-weight:700;display:inline-block}.hero h1{margin-bottom:14px;font-size:clamp(1.9rem,5vw,3.1rem);font-weight:800}.hero .sub{color:var(--grey);max-width:640px;margin-bottom:28px;font-size:clamp(1.05rem,2.5vw,1.3rem)}.hero-stats{flex-wrap:wrap;gap:16px;margin:30px 0;display:flex}.stat{border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a3a5c8c;border:1px solid #ffffff24;flex:1;min-width:160px;padding:18px 24px}.stat .num{color:var(--green);font-size:1.9rem;font-weight:800}.stat .lbl{color:var(--grey);font-size:.9rem}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.trustbar{background:var(--green);padding:18px 0}.trustbar .container{flex-wrap:wrap;justify-content:center;gap:12px 32px;display:flex}.trust-item{color:#fff;align-items:center;gap:10px;font-weight:700;display:flex}.trust-item svg{flex-shrink:0}.sec-head{text-align:center;margin-bottom:42px}.sec-head h2{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800}.sec-head p{color:var(--grey);max-width:620px;margin-top:10px;margin-left:auto;margin-right:auto}.spec-wrap{background:var(--navy-2);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffff1a;max-width:760px;margin:0 auto;overflow:hidden}.spec-table{border-collapse:collapse;width:100%}.spec-table th{background:var(--navy-3);text-align:left;border-bottom:2px solid var(--green);padding:16px 22px;font-size:1.05rem}.spec-table th:last-child{text-align:right}.spec-table td{border-bottom:1px solid #ffffff12;padding:15px 22px}.spec-table tr:last-child td{border-bottom:none}.spec-table td:last-child{text-align:right;color:var(--green);white-space:nowrap;font-weight:800}.spec-note{color:var(--grey);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.sgs-badge{color:var(--navy);letter-spacing:1px;background:#fff;border-radius:12px;padding:10px 20px;font-size:1.2rem;font-weight:800}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--navy-2);border-radius:var(--radius);border:1px solid #ffffff1a;padding:28px 24px}.card .icon{background:#54b34826;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.card h3{margin-bottom:8px;font-size:1.15rem}.card p{color:var(--grey);font-size:.95rem}.license{color:var(--navy);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow);background:#fff;margin:0 auto;padding:38px 34px}.license .tag{color:var(--green-dark);align-items:center;gap:10px;margin-bottom:8px;font-size:1.1rem;font-weight:800;display:inline-flex}.license h3{margin-bottom:10px;font-size:1.5rem}.license p{color:#3b5166;margin-bottom:16px}.license ul{list-style:none}.license li{color:#22405c;margin-bottom:10px;padding-left:30px;font-weight:600;position:relative}.license li:before{content:"✓";color:var(--green);font-size:1.1rem;font-weight:900;position:absolute;top:0;left:0}.delivery{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.deliv-step{background:var(--navy-2);border-radius:var(--radius);border:1px solid #ffffff1a;padding:30px 20px;position:relative}.deliv-step .icon{background:#54b3481f;border:1px solid #54b34859;border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 16px;display:flex}.deliv-step h3{margin-bottom:6px;font-size:1.1rem}.deliv-step p{color:var(--grey);font-size:.92rem}.lead{background:var(--navy-2)}.lead-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:44px;display:grid}.lead-info h2{margin-bottom:14px;font-size:clamp(1.5rem,4vw,2.1rem)}.lead-info p{color:var(--grey);margin-bottom:26px}.contact-line{align-items:center;gap:14px;margin-bottom:18px;display:flex}.contact-line .cico{background:#54b34826;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.contact-line .cname{font-weight:700}.contact-line .cdetail{color:var(--grey);font-size:.92rem}.contact-line a{color:var(--green);font-weight:700}.form-card{border-radius:var(--radius);color:var(--navy);box-shadow:var(--shadow);background:#fff;padding:34px 30px}.form-card h3{margin-bottom:6px;font-size:1.3rem}.form-card .form-sub{color:#5a7186;margin-bottom:22px;font-size:.92rem}.fgroup{margin-bottom:16px}.fgroup label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.fgroup input,.fgroup select,.fgroup textarea{width:100%;color:var(--navy);background:#f8fafc;border:1.5px solid #d5dee7;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:1rem}.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{border-color:var(--green);background:#fff;outline:none}.frow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-consent{color:#7a8ea1;margin:14px 0 18px;font-size:.8rem}.form-success{border:1.5px solid var(--green);color:var(--green-dark);text-align:center;background:#e8f7e5;border-radius:10px;margin-top:16px;padding:16px;font-weight:700;display:none}footer{background:#0a1b2b;border-top:1px solid #ffffff14;padding:36px 0}footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}footer p{color:var(--grey-2);font-size:.88rem}.mobile-cta{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1b2bf7;border-top:1px solid #ffffff1f;gap:10px;padding:10px 12px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-cta .btn{border-radius:12px;flex:1;padding:12px 8px;font-size:.95rem}.back-top{z-index:190;cursor:pointer;background:var(--green);color:#fff;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:fixed;bottom:24px;right:20px;transform:translateY(12px);box-shadow:0 6px 18px #00000059}.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover{background:var(--green-dark)}@media (width<=640px){.back-top{width:44px;height:44px;bottom:80px;right:14px}}@media (width<=860px){.lead-grid{grid-template-columns:1fr}.nav-cta .btn-outline{display:none}}@media (width<=640px){section{padding:48px 0}.hero{padding:52px 0 48px}.frow{grid-template-columns:1fr}.mobile-cta{display:flex}body{padding-bottom:66px}.nav-cta{display:none}}