Zipline

<div style="max-width: 1120px; margin: 0 auto; padding: 27px; background: #e8e1d5; color: #3f3a33; font-family: Inter, Arial, Helvetica, sans-serif; line-height: 1.72; border: 1px solid #b8a991; border-radius: 11px; box-shadow: 0 8px 24px rgba(56,47,36,0.12);"><div style="background: linear-gradient(180deg, #35322d 0%, #262522 100%); border: 1px solid #665b4c; border-radius: 10px; padding: 34px 26px 29px; text-align: center; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);"><div style="font-size: 0.77em; letter-spacing: 2.3px; text-transform: uppercase; color: #c9a66b; font-weight: bold;">Gravity-Powered Mountain Transport</div> <div style="font-size: 2.6em; line-height: 1.14; font-weight: 800; color: #f4eee4; margin-top: 4px;">Zipline</div> <div style="color: #b88b4d; margin: 12px 0 13px; font-size: 0.92em; letter-spacing: 2px;">●──────────────●──────────────●</div> <div style="font-size: 1.12em; color: #dfd4c4; font-weight: 600;">Why walk down the mountain when gravity is free?</div> <p style="max-width: 840px; margin: 17px auto 0; color: #cfc5b7; font-size: 1.03em;">Are your legs tired of carrying you down every mountain? Is walking simply too slow, too ordinary and far too lame? Then let gravity take over.</p> <p style="max-width: 860px; margin: 11px auto 0; color: #cfc5b7;">Build long, fully rideable ziplines between two wooden stations and connect valleys, forests and mountain slopes with cable routes reaching up to <strong style="color: #f2dfbd;">1,000 blocks</strong>.</p> </div> <table style="width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 8px; margin: 18px 0 24px;"> <tbody> <tr> <td style="width: 25%; vertical-align: top; padding: 0;"> <div style="background: #f5efe6; border: 1px solid #c7b79d; border-radius: 8px; padding: 13px 10px; text-align: center;"> <div style="font-size: 0.71em; color: #9a7b51; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase;">Range</div> <div style="font-weight: bold; color: #40372f; margin-top: 4px;">Up to 1,000 Blocks</div> <div style="font-size: 0.84em; color: #6b6052; margin-top: 3px;">Cross valleys, forests and mountain slopes.</div> </div> </td> <td style="width: 25%; vertical-align: top; padding: 0;"> <div style="background: #f5efe6; border: 1px solid #c7b79d; border-radius: 8px; padding: 13px 10px; text-align: center;"> <div style="font-size: 0.71em; color: #9a7b51; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase;">Cable</div> <div style="font-weight: bold; color: #40372f; margin-top: 4px;">100 m per Bundle</div> <div style="font-size: 0.84em; color: #6b6052; margin-top: 3px;">Forged cable bundles supply the route.</div> </div> </td> <td style="width: 25%; vertical-align: top; padding: 0;"> <div style="background: #f5efe6; border: 1px solid #c7b79d; border-radius: 8px; padding: 13px 10px; text-align: center;"> <div style="font-size: 0.71em; color: #9a7b51; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase;">Motion</div> <div style="font-weight: bold; color: #40372f; margin-top: 4px;">Physics Driven</div> <div style="font-size: 0.84em; color: #6b6052; margin-top: 3px;">Slope, gravity, drag, resistance and wind matter.</div> </div> </td> <td style="width: 25%; vertical-align: top; padding: 0;"> <div style="background: #f5efe6; border: 1px solid #c7b79d; border-radius: 8px; padding: 13px 10px; text-align: center;"> <div style="font-size: 0.71em; color: #9a7b51; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase;">Arrival</div> <div style="font-weight: bold; color: #40372f; margin-top: 4px;">Spring Stopper</div> <div style="font-size: 0.84em; color: #6b6052; margin-top: 3px;">For a smoother and gentler finish.</div> </div> </td> </tr> </tbody> </table> <div style="background: #f5efe6; border: 1px solid #c6b59a; border-radius: 9px; padding: 20px; margin: 24px 0;"> <div style="text-align: center; margin-bottom: 17px;"> <div style="font-size: 0.75em; letter-spacing: 1.7px; text-transform: uppercase; color: #94764f; font-weight: bold;">From Station to Station</div> <div style="font-size: 1.58em; font-weight: bold; color: #3c342c; margin-top: 2px;">Build. Clip In. Let Gravity Work.</div> <div style="color: #b28b58; margin: 8px 0 10px; font-size: 0.86em;">●────────────●</div> </div> <table style="width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 7px;"> <tbody> <tr> <td style="width: 33.33%; vertical-align: top; padding: 0;"> <div style="background: #eee5d9; border: 1px solid #cdbda6; border-radius: 8px; padding: 15px 14px;"> <div style="font-size: 0.73em; text-transform: uppercase; letter-spacing: 1px; color: #96764c; font-weight: bold;">Build the Line</div> <div style="font-weight: bold; color: #413830; margin-top: 3px;">Two Wooden Stations</div> <div style="font-size: 0.91em; color: #675b4d; margin-top: 5px;">Place your stations across the terrain and connect them with cable.</div> </div> </td> <td style="width: 33.33%; vertical-align: top; padding: 0;"> <div style="background: #eee5d9; border: 1px solid #cdbda6; border-radius: 8px; padding: 15px 14px;"> <div style="font-size: 0.73em; text-transform: uppercase; letter-spacing: 1px; color: #96764c; font-weight: bold;">Check the Route</div> <div style="font-weight: bold; color: #413830; margin-top: 3px;">Clearance Preview</div> <div style="font-size: 0.91em; color: #675b4d; margin-top: 5px;">A clear route preview shows whether the planned ride has enough room.</div> </div> </td> <td style="width: 33.33%; vertical-align: top; padding: 0;"> <div style="background: #eee5d9; border: 1px solid #cdbda6; border-radius: 8px; padding: 15px 14px;"> <div style="font-size: 0.73em; text-transform: uppercase; letter-spacing: 1px; color: #96764c; font-weight: bold;">Ride the Line</div> <div style="font-weight: bold; color: #413830; margin-top: 3px;">Harness Up</div> <div style="font-size: 0.91em; color: #675b4d; margin-top: 5px;">Craft a harness, clip in at the upper station and enjoy the ri