@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.page{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-width:350px;background-color:#fff}.btn{background-color:var(--primary-base);color:var(--primary-on);padding:8px 24px;width:fit-content;border:none;border-radius:999px;cursor:pointer}.grow{flex-grow:1}.hero{background:linear-gradient(#0006,#0006),url(/images/ford-ranger.jpg);background-size:cover;background-position:center;width:100%;min-height:55vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:760px;padding:.5em;margin:0 auto;color:#fff;text-align:center}.hero-content p{font-size:1em;line-height:1.5em}.hero-content button{padding:.8em 3em;margin-top:2.5em;font-size:.75em;font-weight:700}.cards{display:flex;max-width:100vw;max-height:auto;gap:5%;padding:1em}.card{display:flex;flex-direction:column;max-width:315px;width:33vw;border-radius:1em;overflow:hidden;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.card.selected{border:4px solid var(--primary-base)}.card-content{padding:.75em 1em;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.card.selected .card-content{padding:.75em calc(1em - 4px) calc(.75em - 4px) calc(1em - 4px)}.card-text{flex-grow:1}.card-content p{color:#626262;font-size:.75em;line-height:1.1em;text-align:justify}.card-content .btn{padding:.6em;width:100%;font-size:.8em;font-weight:700;letter-spacing:.6px;margin-top:20px}@media (max-width: 768px){.cards{gap:.5em;padding:.5em}.card-content h2{font-size:.9em}}@media (max-width: 640px){.card-text p{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}}@media (max-width: 460px){.card-text p{-webkit-line-clamp:4;text-align:start}.hero-content{max-width:760px;padding:1.5em 1em}.hero-content p{line-height:1.2em}}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,Roboto,Times,serif;--primary-base:rgb(31, 121, 223);--primary-on: #ffffff}main{display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:2.2em}h2{font-size:1.2em;font-weight:800}p{margin-top:1em;white-space:pre-wrap}