@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--dark:#121b22;--orange:#ed6d38;--yellow:#ffc02d;--cream:#f6f1e8;--gray:#68737a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',Arial,sans-serif}.header{height:74px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd8ce}.logo{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',Arial}.logo span{width:35px;height:35px;border-radius:50% 50% 50% 3px;background:var(--yellow);display:grid;place-items:center;font-weight:700;font-size:13px;transform:rotate(-8deg)}.logo strong{font-size:14px;line-height:1.05;letter-spacing:.1em}.logo small{font-size:8px;color:var(--orange);letter-spacing:.2em}.header-link{font-size:12px;font-weight:700;color:var(--orange)}.hero{padding:82px 7% 76px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:4%}.tag{font-size:10px;letter-spacing:.17em;color:var(--orange);font-weight:700}.hero h1,.contact h2{font:600 clamp(48px,5.3vw,77px)/.97 'Space Grotesk',Arial;margin:23px 0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--orange)}.lead{max-width:410px;color:var(--gray);font-size:17px;line-height:1.55}.button{display:inline-block;background:var(--dark);color:white;padding:17px 20px;margin-top:20px;font-size:12px;font-weight:700}.button b{color:var(--yellow);font-size:18px;margin-left:14px}.note{font-size:11px;color:var(--gray);margin-top:32px}.hero-illustration{height:400px;position:relative;overflow:hidden;background:var(--dark);border-radius:2px}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--yellow);right:17%;top:15%;box-shadow:0 0 45px #ffc02d66}.hill{position:absolute;bottom:88px;border-radius:50% 50% 0 0;background:#1c2b32}.hill-left{width:80%;height:110px;left:-14%;transform:rotate(6deg)}.hill-right{width:65%;height:100px;right:-12%;transform:rotate(-7deg)}.road{position:absolute;bottom:65px;left:-5%;width:115%;height:2px;background:repeating-linear-gradient(90deg,var(--yellow) 0 42px,transparent 42px 82px);transform:rotate(-8deg)}.truck{position:absolute;bottom:78px;left:18%;width:285px;height:140px;z-index:2}.bed{position:absolute;width:220px;height:43px;bottom:34px;left:0;background:#efeee9;transform:skew(-17deg);border-bottom:7px solid var(--orange)}.cab{position:absolute;right:0;bottom:34px;width:92px;height:82px;background:var(--orange);clip-path:polygon(13% 0,72% 0,100% 34%,100% 100%,0 100%,0 27%);border-bottom:6px solid var(--yellow)}.window{position:absolute;top:10px;right:12px;width:53px;height:30px;background:#263840;clip-path:polygon(0 0,75% 0,100% 100%,0 100%)}.cab i{position:absolute;right:-3px;bottom:15px;width:13px;height:11px;background:var(--yellow);border-radius:50%;box-shadow:0 0 18px var(--yellow)}.wheel{position:absolute;bottom:16px;width:33px;height:33px;border-radius:50%;background:#071014;border:7px solid #536065}.one{left:26px}.two{right:22px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:34px 7%;background:var(--yellow)}.benefits article{display:grid;grid-template-columns:40px 1fr;column-gap:10px}.benefits strong{font:700 12px 'Space Grotesk';opacity:.65}.benefits h2{font:600 18px 'Space Grotesk';margin:0}.benefits p{grid-column:2;font-size:12px;color:#5c4d21;margin:6px 0 0;line-height:1.4}.contact{background:var(--dark);color:white;padding:86px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact .tag{color:var(--yellow)}.contact h2{font-size:clamp(43px,4.5vw,66px)}.details{border-left:1px solid #425059;padding:10px 0 10px 38px;max-width:400px}.details p{font-size:13px;line-height:1.55;color:#bdc4c5;margin:0 0 20px}.details strong{font-size:10px;letter-spacing:.1em;color:white}.active{color:#70ce97;font-weight:700}.warning{font-size:10px!important;color:#899499!important;border-top:1px solid #425059;padding-top:15px}footer{background:#0a1115;color:#7e898e;text-align:center;padding:25px 7%;font-size:10px;letter-spacing:.03em}@media(max-width:750px){.header{padding:0 5%}.header-link{font-size:10px}.hero{display:block;padding:60px 5% 0}.hero h1{font-size:55px}.hero-illustration{margin-top:55px;height:315px}.truck{transform:scale(.76);transform-origin:left bottom;left:10%;bottom:56px}.benefits,.contact{grid-template-columns:1fr;padding:55px 5%;gap:25px}.contact{gap:30px}.details{border-left:0;border-top:1px solid #425059;padding:26px 0 0}.contact h2{font-size:49px}}