:root{--green:#0b6b3a;--deep:#06482b;--mint:#eaf7ef;--cream:#fff8ec;--orange:#f59e0b;--amber:#ffbd3d;--text:#20322a;--muted:#68746e;--line:#e8ece7;--shadow:0 18px 45px rgba(11,107,58,.12);--radius:28px}*{box-sizing:border-box}body{margin:0;font-family:'Kanit',sans-serif;color:var(--text);background:linear-gradient(180deg,#fffdfa 0%,#f8fbf6 45%,#fff8ee 100%);line-height:1.65}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:10px;z-index:10;max-width:1180px;margin:10px auto 0;padding:16px 22px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(11,107,58,.08);border-radius:22px;box-shadow:0 12px 35px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:26px;font-weight:900;color:var(--deep);white-space:nowrap}.nav{display:flex;gap:28px;font-weight:600}.nav a{position:relative}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:99px}.header-call{background:linear-gradient(135deg,var(--orange),var(--amber));color:white;font-weight:800;padding:12px 20px;border-radius:999px;box-shadow:0 10px 24px rgba(245,158,11,.25);white-space:nowrap}.hero{max-width:1180px;margin:24px auto 0;min-height:620px;border-radius:34px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;position:relative;background:radial-gradient(circle at 15% 20%,#fff 0,#fff8ea 28%,transparent 55%),linear-gradient(135deg,#fff 0%,#fff5df 50%,#e9f6ee 100%);box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;filter:blur(.2px);opacity:.95}.hero:before{width:520px;height:190px;background:linear-gradient(135deg,rgba(11,107,58,.92),rgba(245,158,11,.85));right:-150px;bottom:-70px;transform:rotate(-12deg)}.hero:after{width:620px;height:180px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,190,61,.28));left:-180px;bottom:80px;transform:rotate(-18deg)}.hero-content{position:relative;z-index:2;padding:86px 55px}.eyebrow{display:inline-flex;padding:8px 16px;border-radius:999px;background:#fff;color:var(--green);font-weight:800;margin-bottom:18px;box-shadow:0 8px 20px rgba(11,107,58,.08)}h1{font-size:clamp(38px,5vw,58px);line-height:1.18;color:var(--deep);margin:0 0 20px;font-weight:900}h2{font-size:clamp(28px,3.8vw,38px);line-height:1.25;color:var(--deep);margin:0;font-weight:900}h3{color:var(--deep);font-size:22px;line-height:1.35;margin:14px 0 8px}.hero p{font-size:22px;color:#435149;margin:0 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 22px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--green),#148a50);color:white;box-shadow:0 12px 25px rgba(11,107,58,.25)}.btn-outline{background:white;color:var(--green);border:1px solid rgba(11,107,58,.25);box-shadow:0 8px 22px rgba(0,0,0,.06)}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--amber));color:white;box-shadow:0 12px 25px rgba(245,158,11,.25)}.btn-white{background:white;color:var(--green)}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.trust-row span{background:rgba(255,255,255,.9);border:1px solid rgba(11,107,58,.12);border-radius:16px;padding:13px 16px;font-weight:800;color:var(--green);box-shadow:0 8px 22px rgba(0,0,0,.05)}.hero-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:420px}.truck-scene,.fleet,.rating-visual{width:90%;min-height:360px;border-radius:32px;background:linear-gradient(165deg,#ffffffcc,#f3f7f0cc),radial-gradient(circle at 70% 30%,rgba(245,158,11,.25),transparent 35%);display:flex;align-items:center;justify-content:center;font-size:78px;box-shadow:inset 0 0 0 1px rgba(11,107,58,.08)}.truck-scene{position:relative;overflow:hidden}.city{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,107,58,.12),transparent 40%)}.road{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(90deg,#797f77,#b5b7ad);transform:skewY(-8deg);transform-origin:left}.truck{position:absolute;z-index:2;font-size:88px}.truck-1{left:38px;bottom:88px}.truck-2{left:190px;bottom:122px;font-size:98px}.truck-3{right:30px;bottom:145px}.inner{min-height:500px}.section{max-width:1180px;margin:58px auto;padding:0 20px}.section.soft{max-width:none;background:linear-gradient(180deg,rgba(234,247,239,.8),rgba(255,248,236,.8));padding:58px calc((100% - 1180px)/2 + 20px);border-block:1px solid rgba(11,107,58,.07)}.section-head{text-align:center;margin-bottom:32px}.section-head span{display:inline-block;width:58px;height:3px;background:linear-gradient(90deg,var(--orange),transparent);border-radius:99px;margin:0 16px 10px}.section-head h2{display:inline-block}.section-head p{margin:12px auto 0;max-width:720px;color:var(--muted);font-size:18px}.section-head.left{text-align:left}.service-grid{display:grid;gap:24px}.service-grid.four{grid-template-columns:repeat(4,1fr)}.service-grid.three{grid-template-columns:repeat(3,1fr)}.service-card,.why-card,.review-grid article,.stats div,.contact-cards div,.contact-form,.faq details{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 14px 35px rgba(0,0,0,.06);transition:.25s}.service-card:hover,.why-card:hover,.review-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--green),#2f915d);color:white;display:grid;place-items:center;font-size:30px;margin-bottom:18px}.service-card p,.why-card p,.review-grid p{color:var(--muted);margin:0 0 20px}.service-card a{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(11,107,58,.25);border-radius:999px;padding:10px 14px;color:var(--green);font-weight:800}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card b{display:block;color:var(--green);font-size:19px;margin-bottom:8px}.cta-panel{max-width:1180px;margin:58px auto;padding:42px;border-radius:34px;background:radial-gradient(circle at 80% 20%,rgba(255,189,61,.55),transparent 28%),linear-gradient(135deg,var(--deep),var(--green) 55%,var(--orange));color:white;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:28px;overflow:hidden;position:relative}.cta-panel h2{color:white}.cta-panel p{font-size:18px;margin:10px 0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.footer{max-width:1180px;margin:0 auto;padding:32px 20px 50px;display:flex;justify-content:space-between;gap:20px;color:#526159}.footer strong{color:var(--deep);font-size:22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.05)}.steps b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stats b{font-size:38px;color:var(--green);display:block}.stats em,.review-grid em{color:var(--orange);font-style:normal;letter-spacing:2px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid small{color:var(--muted)}.chip-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.chip-row span{background:white;border:1px solid var(--line);border-radius:18px;padding:18px 24px;color:var(--green);font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.05)}.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-cards{display:grid;gap:14px}.contact-cards div{display:grid;grid-template-columns:64px 1fr;align-items:center;column-gap:16px}.contact-cards span{grid-row:1/3;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--green),#248f57);color:white;display:grid;place-items:center;font-weight:900}.contact-cards p{margin:0;color:var(--muted)}.contact-cards b{color:var(--green);font-size:20px}.contact-form h2{margin-bottom:20px}.contact-form label{display:block;font-weight:800;color:var(--deep);margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 16px;border:1px solid #dfe6df;border-radius:14px;font:inherit;margin-top:6px}.contact-form textarea{min-height:115px;resize:vertical}.contact-form button{width:100%;border:0;border-radius:999px;padding:16px;background:linear-gradient(135deg,var(--orange),var(--amber));color:white;font:inherit;font-weight:900;cursor:pointer}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:28px}.area-map{font-size:92px;text-align:center;margin:24px}.faq h2{margin-bottom:18px}.faq details{margin-bottom:14px}.faq summary{font-weight:900;color:var(--green);cursor:pointer}.faq p{color:var(--muted)}@media(max-width:980px){.site-header{position:relative;top:0;margin:0;border-radius:0;flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center;gap:16px;flex-wrap:wrap}.hero{grid-template-columns:1fr;min-height:auto;margin:14px;border-radius:26px}.hero-content{padding:48px 24px}.hero p{font-size:18px}.service-grid.four,.service-grid.three,.why-grid,.steps,.stats,.review-grid,.contact-wrap,.split-section{grid-template-columns:1fr}.cta-panel,.footer{margin-left:14px;margin-right:14px;flex-direction:column;align-items:flex-start}.section{margin:42px auto}.section.soft{padding:42px 18px}.header-call{width:100%;text-align:center}.logo{font-size:22px}}
