:root{--yellow:#ffd400;--black:#101010;--ink:#171717;--muted:#666;--white:#fff;--line:#e8e8e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Onest,"Noto Sans Lao",Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topbar{height:84px;display:flex;align-items:center;padding:0 clamp(24px,5vw,78px);gap:48px;background:#fff;position:relative;z-index:10}.brand{font-size:34px;font-weight:800;letter-spacing:-2.7px;color:#151515;line-height:1}.brand span{position:relative}.brand span:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#e51b23;left:12px;top:10px}.topbar nav{display:flex;gap:34px;margin-left:auto}.topbar nav a{font-size:14px;font-weight:600;color:#414141}.topbar nav a:hover{color:#000}.top-call{background:var(--yellow);padding:13px 19px;border-radius:999px;font-size:14px;font-weight:800}.hero{height:min(760px,calc(100vh - 84px));min-height:620px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero-car.jpg") center/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 43%,rgba(0,0,0,.03) 76%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 45%)}.hero-content{position:relative;z-index:2;max-width:760px;padding:clamp(85px,12vh,135px) clamp(24px,7vw,108px)}.eyebrow,.section-tag{font-size:12px;font-weight:800;letter-spacing:2.4px;margin:0 0 20px}.eyebrow{color:var(--yellow)}h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-4px;margin:0 0 30px;font-weight:800}h1 span{color:var(--yellow)}.hero-lead{font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:610px;margin:0 0 38px;color:#f1f1f1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:16px 27px;border-radius:8px;font-size:15px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--yellow);color:#111}.button-dark{background:rgba(17,17,17,.8);border:1px solid rgba(255,255,255,.32)}.hero-note{position:absolute;right:clamp(24px,5vw,80px);bottom:40px;z-index:2;background:var(--yellow);color:#111;width:190px;padding:22px;border-radius:8px;display:grid;gap:2px}.hero-note strong{font-size:32px}.hero-note span{font-size:13px;font-weight:600}.intro{padding:110px clamp(24px,7vw,108px) 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end}.section-tag{color:#c59a00}.intro h2,.section-heading h2,.feature h2,.contact h2{font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-2.7px;margin:0}.intro>p{font-size:18px;line-height:1.7;color:var(--muted);margin:0}.numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:0 clamp(24px,7vw,108px) 115px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers article{padding:36px 25px 38px 0;display:flex;align-items:center;gap:20px}.numbers article+article{border-left:1px solid var(--line);padding-left:32px}.numbers strong{font-size:40px;letter-spacing:-2px}.numbers span{max-width:210px;color:var(--muted);font-size:13px;line-height:1.5}.services{background:var(--black);color:#fff;padding:105px clamp(24px,7vw,108px) 120px}.section-heading{margin-bottom:50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:390px;padding:30px;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.03) 80%)}.service-card>*{position:relative;z-index:1}.service-icon{position:absolute;top:24px;left:24px;background:var(--yellow);color:#111;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.service-card h3{font-size:34px;margin:0 0 8px}.service-card p{color:#ddd;line-height:1.5;margin:0 0 18px;max-width:330px}.service-card>span{color:var(--yellow);font-weight:800}.service-car{background-image:url("assets/fleet.jpg")}.service-bike{background-image:url("assets/business.jpg")}.service-delivery{background-image:url("assets/delivery.jpg")}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.feature-photo{background:url("assets/app-user.jpg") center/cover}.feature-copy{padding:100px clamp(35px,7vw,100px);background:#f5f5f3}.feature-copy ul{list-style:none;margin:45px 0 35px;padding:0;display:grid;gap:22px}.feature-copy li{display:flex;gap:17px}.feature-copy i{font-style:normal;font-size:12px;font-weight:800;background:var(--yellow);min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.feature-copy li span{display:grid;color:var(--muted);font-size:14px;line-height:1.45}.feature-copy li strong{color:#111;font-size:16px;margin-bottom:3px}.text-link{font-weight:800;border-bottom:2px solid var(--yellow);padding-bottom:5px}.text-link b{color:#c99b00;margin-left:7px}.benefits{padding:110px clamp(24px,7vw,108px)}.benefit-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:40px}.benefit-list article{padding:35px 25px 0 0}.benefit-list article+article{border-left:1px solid var(--line);padding-left:25px}.benefit-list span{color:var(--yellow);font-size:24px}.benefit-list h3{font-size:20px;margin:15px 0 10px}.benefit-list p{color:var(--muted);line-height:1.6;font-size:14px}.contact{height:690px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.contact-bg{position:absolute;inset:0;background:url("assets/night-car.jpg") center/cover}.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.6) 45%,rgba(0,0,0,.03) 80%)}.contact-content{position:relative;z-index:1;padding:0 clamp(24px,7vw,108px);max-width:780px}.contact-content>p:not(.section-tag){font-size:17px;line-height:1.6;max-width:570px;color:#ddd}.contact-links{display:flex;gap:18px;margin-top:38px;flex-wrap:wrap}.contact-links a{background:var(--yellow);color:#111;padding:17px 22px;border-radius:8px;display:grid;gap:4px;min-width:245px}.contact-links small{font-size:10px;letter-spacing:1.5px;font-weight:800}.contact-links strong{font-size:16px}footer{min-height:115px;padding:28px clamp(24px,7vw,108px);display:flex;align-items:center;gap:35px;background:#0c0c0c;color:#777;font-size:12px}.brand-footer{color:#fff;margin-right:auto}.floating-call{display:none}
@media(max-width:900px){.topbar{height:72px}.topbar nav{display:none}.top-call{margin-left:auto}.hero{height:690px;min-height:0}.hero-content{padding-top:105px}.intro{grid-template-columns:1fr;gap:30px}.numbers{grid-template-columns:1fr}.numbers article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:350px}.feature{grid-template-columns:1fr}.feature-photo{min-height:500px}.benefit-list{grid-template-columns:1fr 1fr}.benefit-list article:nth-child(3){border-left:0}.contact{height:650px}.contact:after{background:rgba(0,0,0,.68)}}
@media(max-width:560px){.topbar{padding:0 18px}.brand{font-size:29px}.top-call{font-size:0;padding:11px 14px}.top-call:after{content:"Call";font-size:13px}.hero{height:650px}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.2))}.hero-content{padding:86px 20px 20px;display:flex;min-height:100%;flex-direction:column;justify-content:flex-end;padding-bottom:115px}h1{font-size:45px;letter-spacing:-2.7px}.hero-lead{font-size:16px}.hero-note{left:20px;right:auto;bottom:20px;padding:14px;width:160px}.hero-note strong{font-size:24px}.intro,.services,.benefits{padding:75px 20px}.numbers{margin:0 20px 75px}.numbers strong{font-size:34px}.section-heading h2,.intro h2,.feature h2,.contact h2{font-size:39px;letter-spacing:-1.7px}.feature-photo{min-height:380px}.feature-copy{padding:70px 20px}.benefit-list{grid-template-columns:1fr}.benefit-list article+article{border-left:0;border-top:1px solid var(--line)}.contact-content{padding:0 20px}.contact-links{display:grid}.contact-links a{min-width:0}.contact-bg{background-position:62% center}footer{display:grid;gap:12px}.brand-footer{margin-bottom:5px}.floating-call{display:grid;place-items:center;position:fixed;right:18px;bottom:18px;z-index:20;width:62px;height:62px;border-radius:50%;background:var(--yellow);font-size:13px;font-weight:800;box-shadow:0 6px 28px rgba(0,0,0,.25)}}

/* Official Maxim logo supplied by the site owner. */
.brand{display:inline-flex;align-items:center;line-height:1}
.brand img{display:block;width:176px;height:auto}
.brand-footer img{background:#fff;border-radius:4px;padding:5px 8px;width:176px}
@media(max-width:560px){.brand img{width:145px}.brand-footer img{width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
