:root{--bg:#05152c;--bg-deep:#020b1d;--panel:#071b35;--panel-dark:#031024;--line:rgba(245,198,91,0.2);--line-strong:rgba(250,208,100,0.68);--text:#f4f7fb;--muted:#b8c2d0;--faint:#748196;--primary:#f6c75d;--primary-strong:#ffe28b;--gold-dark:#a76b12;--container:1216px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 82% 0,rgba(28,91,161,.28),transparent 30%),radial-gradient(circle at 8% 16%,rgba(246,199,93,.1),transparent 24%),var(--bg);font-family:Inter,Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(100% - 48px,var(--container));margin:0 auto}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:28px;height:82px;padding:0 max(24px,calc((100vw - var(--container)) / 2));border-bottom:1px solid rgba(246,199,93,.18);background:rgba(2,11,29,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:9px;min-width:max-content}.brand-mark{width:35px;height:35px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 14px rgba(245,158,11,.2))}.brand-text{padding-top:5px}.brand small,.brand strong{display:block;line-height:1.02}.brand strong{font-size:1rem;font-weight:900}.brand small{margin-top:1px;color:var(--primary-strong);font-size:.7rem;font-weight:900}nav{display:flex;align-items:center;gap:clamp(22px,4vw,44px);margin-left:auto;color:var(--muted);font-size:.9rem;font-weight:700}nav a:hover{color:var(--primary)}.mobile-order-link{display:none}.button,.header-cta,.order-link,.quote-submit{border:0;border-radius:7px;background:linear-gradient(135deg,#fff0a8,#f6c75d 36%,#c77b14);color:#061126;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.header-cta{padding:13px 24px;font-size:.82rem;letter-spacing:0;text-transform:none}.menu-button{display:none;border:0;color:var(--text);background:transparent;cursor:pointer}.hero{position:relative;min-height:94vh;overflow:hidden;border-bottom:1px solid var(--line)}.fleet img,.hero-bg{object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,29,.98),rgba(4,22,49,.9) 45%,rgba(4,22,49,.42)),linear-gradient(180deg,rgba(2,11,29,.24),rgba(2,11,29,.84)),radial-gradient(circle at 84% 52%,rgba(246,199,93,.2),transparent 18%)}.hero-inner{position:relative;z-index:1;display:grid;align-content:center;min-height:94vh;padding-top:82px}.label,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;width:-moz-fit-content;width:fit-content;color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 0 18px rgba(246,199,93,.14)}.label{padding:8px 14px;border:1px solid rgba(246,199,93,.5);background:rgba(246,199,93,.09);box-shadow:inset 0 0 18px rgba(246,199,93,.07)}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:28px;color:#f8fbff;font-size:clamp(3.4rem,7vw,6.2rem);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase}h1 .hero-thai-title{display:block;margin-bottom:10px;color:#c9d4e5;font-size:clamp(2.1rem,4vw,3.8rem);text-transform:none}.hero-title-line{display:block}.hero-copy{max-width:690px;margin-bottom:44px;padding-left:26px;border-left:4px solid var(--primary);box-shadow:inset 1px 0 0 rgba(255,255,255,.06)}.hero-copy p{margin-bottom:12px;color:#aeb6c2;font-size:1.08rem;line-height:1.65}.hero-copy p:first-child{color:#eef3fb;font-size:1.35rem;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:248px;min-height:58px;padding:0 26px;box-shadow:0 16px 38px rgba(246,199,93,.2)}.button.ghost{color:var(--text);border:1px solid rgba(246,199,93,.26);background:rgba(5,21,44,.64);box-shadow:none}.metrics{padding:46px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(3,16,36,.96),rgba(2,11,29,.98)),var(--bg-deep)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid article{display:grid;place-items:center;min-height:112px;border-right:1px solid var(--line);text-align:center}.metric-grid article:last-child{border-right:0}.metric-grid strong{color:var(--primary);text-shadow:0 0 22px rgba(246,199,93,.18);font-size:clamp(2rem,4vw,3rem);line-height:1}.metric-grid small,.metric-grid span{color:#b4bdc8;font-size:.86rem;font-weight:800}.metric-grid small{color:#8c96a3;font-size:.76rem;letter-spacing:.08em}.section{padding:clamp(82px,9vw,132px) 0;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(6,29,61,.56),rgba(2,11,29,.22)),var(--bg)}.about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1fr);grid-gap:clamp(56px,8vw,110px);gap:clamp(56px,8vw,110px);align-items:center}.fleet h2,.section h2{margin-bottom:30px;color:#eaf0f8;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.12;letter-spacing:-.02em;text-transform:uppercase}.fleet p,.section p{color:var(--muted);line-height:1.75}.feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:38px}.feature-pair span{display:grid;grid-template-columns:50px 1fr;grid-gap:12px;gap:12px;align-items:center;color:var(--primary)}.feature-pair svg{grid-row:span 2;padding:12px;width:50px;height:50px;border:1px solid var(--line);color:var(--primary)}.feature-pair b,.feature-pair small{color:#c1c9d2}.about-visual{position:relative;aspect-ratio:1.08;overflow:hidden;border:1px solid var(--line);background:rgba(3,16,36,.52);box-shadow:inset 0 0 0 34px rgba(246,199,93,.018),0 28px 70px rgba(0,0,0,.25)}.about-visual img{object-fit:cover;opacity:.68;filter:saturate(.95) contrast(1.08)}.about-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,12,18,.08),rgba(8,12,18,.72)),radial-gradient(circle at 72% 30%,rgba(246,199,93,.22),transparent 32%)}.about-visual:after{content:"";position:absolute;z-index:2;top:18px;left:18px;width:12px;height:12px;background:var(--primary);box-shadow:calc(min(100vw, var(--container)) * .42) 0 0 var(--primary),0 calc(min(100vw, var(--container)) * .39) 0 var(--primary),calc(min(100vw, var(--container)) * .42) calc(min(100vw, var(--container)) * .39) 0 var(--primary)}.about-visual div{position:absolute;z-index:3;left:34px;right:34px;bottom:34px;padding-left:18px;border-left:4px solid var(--primary)}.about-visual span,.about-visual strong{display:block}.about-visual strong{color:#f2f6fa;font-size:clamp(1.4rem,3vw,2.4rem);line-height:1;letter-spacing:.04em}.about-visual span{margin-top:8px;color:#c2cbd5;line-height:1.5}.products{background:radial-gradient(circle at 50% 0,rgba(19,72,125,.22),transparent 34%),var(--bg-deep)}.center-heading{max-width:780px;margin:0 auto 74px;text-align:center}.center-heading .section-kicker{margin-inline:auto}.center-heading h2{margin-bottom:20px}.center-heading h2:after{content:"";display:block;width:118px;height:2px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:28px;gap:28px}.fuel-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;align-items:stretch}.product-card{position:relative;padding:34px;border:1px solid rgba(246,199,93,.18);background:linear-gradient(180deg,rgba(8,31,61,.82),rgba(3,16,36,.82)),rgba(5,21,44,.7);box-shadow:0 24px 70px rgba(0,0,0,.18)}.fuel-card{display:flex;flex-direction:column;min-height:100%}.fuel-card:nth-child(2){border-color:rgba(58,171,122,.36)}.fuel-card:nth-child(2) .badge{background:linear-gradient(135deg,#d9ffef,#40b979)}.fuel-card:nth-child(3){border-color:rgba(77,155,255,.36)}.fuel-card:nth-child(3) .badge{background:linear-gradient(135deg,#dcecff,#4d9bff)}.fuel-card:nth-child(4){border-color:rgba(255,150,94,.36)}.fuel-card:nth-child(4) .badge{background:linear-gradient(135deg,#ffe0c6,#ff965e)}.product-card:before{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(246,199,93,.08)}.badge{position:absolute;top:0;right:0;padding:9px 18px;color:#07142a;background:linear-gradient(135deg,#fff0a8,#d7952b);font-size:.74rem;font-weight:900;letter-spacing:.12em}.product-image{display:grid;place-items:center;min-height:330px;margin-bottom:28px;border:1px solid rgba(246,199,93,.16);background:#06152c}.product-image img{width:min(82%,360px);height:auto;filter:drop-shadow(0 26px 42px rgba(0,0,0,.42))}.fuel-card .product-image{min-height:250px}.fuel-card .product-image img{max-height:230px;object-fit:contain}.fuel-type{margin-bottom:8px;color:var(--primary-strong);font-size:.92rem;font-weight:900}.product-card h3{margin-bottom:16px;color:#d1d8e0;font-size:1.7rem;text-transform:uppercase}.product-card h3 em{color:var(--primary);font-style:normal}.product-card ul{display:grid;grid-gap:10px;gap:10px;margin:22px 0 28px;padding:0;list-style:none}.product-card li{display:flex;gap:10px;align-items:center;color:#aeb7c2;font-size:.93rem}.product-card li svg{color:var(--primary)}.order-link{display:flex;align-items:center;justify-content:center;margin-top:auto;min-height:46px;background:rgba(246,199,93,.08);color:var(--text);border:1px solid rgba(246,199,93,.22)}.industries{background:linear-gradient(180deg,rgba(5,21,44,.96),rgba(2,11,29,.98)),#05152c}.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.industry-grid article{display:grid;place-items:center;min-height:190px;padding:26px;border:1px solid rgba(246,199,93,.18);color:var(--primary);text-align:center;background:rgba(4,22,49,.54)}.industry-grid strong{color:#d6dde5}.industry-grid span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em}.fleet{position:relative;min-height:620px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.fleet-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,11,29,.97),rgba(4,22,49,.7),rgba(4,22,49,.2)),linear-gradient(180deg,rgba(2,11,29,.36),rgba(2,11,29,.9))}.fleet-content{position:relative;z-index:2;max-width:var(--container)}.fleet-content p{max-width:650px}.contact-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1fr);grid-gap:clamp(46px,8vw,100px);gap:clamp(46px,8vw,100px);align-items:start}.contact-card{display:grid;grid-template-columns:44px 1fr;grid-gap:16px;gap:16px;margin-top:38px;padding:28px;border:1px solid rgba(246,199,93,.18);background:rgba(4,22,49,.34)}.contact-card>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);color:var(--primary)}.contact-card b{color:#cdd5df}.quote-form{position:relative;display:grid;grid-gap:22px;gap:22px;padding:40px;border:1px solid rgba(246,199,93,.18);background:rgba(3,16,36,.78)}.quote-form:after,.quote-form:before{content:"";position:absolute;width:66px;height:66px;border-color:var(--primary);border-style:solid}.quote-form:before{top:0;right:0;border-width:2px 2px 0 0}.quote-form:after{bottom:0;left:0;border-width:0 0 2px 2px}label{display:grid;grid-gap:9px;gap:9px;color:var(--muted);font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:15px 16px;color:var(--text);background:#06152c}textarea{resize:vertical}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.captcha-box{display:grid;grid-gap:10px;gap:10px;color:var(--muted);font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.captcha-box>div{display:grid;grid-template-columns:auto minmax(110px,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.captcha-box strong{display:inline-flex;align-items:center;padding:0 18px;border:1px solid rgba(246,199,93,.36);color:var(--primary-strong);font-size:1rem;letter-spacing:0;white-space:nowrap}.captcha-box strong,.captcha-refresh{min-height:48px;background:rgba(246,199,93,.08)}.captcha-refresh{padding:0 14px;border:1px solid rgba(246,199,93,.24);border-radius:6px;color:var(--primary);cursor:pointer;font-size:.74rem;font-weight:900}.quote-submit{min-height:58px;border-radius:0;font-size:1rem}.form-status{margin:0;color:var(--primary);font-weight:800}footer{padding:60px 0 46px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(3,16,36,.98),rgba(2,11,29,1)),var(--bg-deep)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-gap:58px;gap:58px}.footer-brand{margin-bottom:24px}footer h3{margin-bottom:26px;color:#eef3f7;font-size:1rem;text-transform:uppercase}footer p{display:flex;gap:10px;align-items:center;color:var(--muted);line-height:1.7}.footer-icon{flex:0 0 auto;color:#c7d2df}.closed{color:var(--primary)}.copyright{justify-content:center;margin:46px 24px 0;padding-top:24px;border-top:1px solid var(--line);font-size:.86rem}@media (max-width:940px){.site-header{height:auto;min-height:76px;flex-wrap:wrap}.header-cta,nav{display:none}nav{position:absolute;top:calc(100% - 1px);left:16px;right:16px;order:3;width:auto;margin-left:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(10,15,22,.96);box-shadow:0 24px 70px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header.is-menu-open nav{display:grid;grid-gap:6px;gap:6px}nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;color:var(--text);background:rgba(255,255,255,.03)}.mobile-order-link{display:flex;color:#121820;background:var(--primary);font-weight:900}.menu-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:7px}.menu-button[aria-expanded=true]{color:#121820;background:var(--primary)}.about-grid,.contact-grid,.footer-grid,.fuel-product-grid,.industry-grid,.metric-grid,.product-grid{grid-template-columns:1fr}.metric-grid article{border-right:0;border-bottom:1px solid var(--line)}.metric-grid article:last-child{border-bottom:0}}@media (max-width:620px){.container{width:min(100% - 32px,var(--container))}.site-header{padding-inline:16px}.brand strong{font-size:.94rem}h1{font-size:clamp(2.55rem,15vw,4rem)}h1 .hero-thai-title{font-size:clamp(1.7rem,10vw,2.6rem)}.hero-copy{padding-left:18px}.button,.hero-actions{width:100%}.fleet h2,.section h2{font-size:clamp(2.2rem,12vw,3.3rem)}.feature-pair{grid-template-columns:1fr}.product-card,.quote-form{padding:24px}.captcha-box>div{grid-template-columns:1fr}.captcha-box strong,.captcha-refresh{justify-content:center;width:100%}}