<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Guanaco Roads — The Carretera Austral, Fully Planned</title>
<meta name="description" content="A Roadbook PDF, GPX Map Pack and Ferry & Border Board for driving Chile's Carretera Austral.">
<meta name="robots" content="index,follow">
<link rel="stylesheet" href="style.css">
</head>
<body>

<header class="nav">
  <div class="wrap nav-in">
    <a class="brand" href="#top" aria-label="Guanaco Roads">
      <span class="brand-name">GUANACO ROADS <small>Adventure kits &amp; digital guides</small></span>
    </a>
    <nav aria-label="Main">
      <a href="#inside">What's Inside</a>
      <a href="#sample">Free Sample</a>
      <a href="#price">Price</a>
      <a href="#faq">FAQ</a>
    </nav>
    <button class="btn btn-sm" type="button" disabled aria-disabled="true">Coming soon <em>· $29 at launch</em></button>
  </div>
</header>

<main id="top">

<section class="hero">
  <div class="hero-bg" role="img" aria-label="Illustrated mountain road and lake at sunset"></div>
  <img class="hero-van" src="assets/hero-van.png" alt="" width="1400" height="900">
  <div class="wrap hero-in">
    <div class="hero-copy">
      <span class="eyebrow eyebrow-light">Carretera Austral Road Trip Kit</span>
      <h1>The Carretera<br>Austral,<br><em>Fully Planned.</em></h1>
      <p class="lede">An illustrated, stage-by-stage roadbook for driving Chile's Route 7, from Puerto Montt to Villa O'Higgins. Maps and travel details are being reviewed before release.</p>
      <button class="btn" type="button" disabled aria-disabled="true">Coming soon</button>
      <p class="pending">Pre-launch preview. The kit is not available to purchase yet.</p>
    </div>
    <div class="hero-art"><img class="hero-guanaco" src="assets/hero-guanaco.png" alt="Guanaco explorer reading a map" width="1122" height="1402"></div>
  </div>
  <p class="note note-hero">Better routes,<br>brighter days</p>
  <div class="tear tear-bottom" aria-hidden="true"></div>
</section>

<section class="creds paper" aria-label="Credentials">
  <div class="wrap">
    <ul class="cred-list">
      <li><img class="feature-icon" src="assets/icono-etapas.png" alt="" width="56" height="56"><strong>12 stages</strong><span>Puerto Montt to Villa O'Higgins</span></li>
      <li><img class="feature-icon" src="assets/icono-verificado.png" alt="" width="56" height="56"><strong>Route planning</strong><span>Stage-by-stage guidance for the journey</span></li>
      <li><img class="feature-icon" src="assets/icono-offline.png" alt="" width="56" height="56"><strong>Read offline</strong><span>Downloadable PDF planned at launch</span></li>
      <li><img class="feature-icon" src="assets/icono-confirmar.png" alt="" width="56" height="56"><strong>Check locally</strong><span>Confirm conditions and schedules before travel</span></li>
    </ul>
    <p class="note note-creds">More adventure,<br>less planning</p>
  </div>
</section>

<section id="inside" class="paper inside">
  <div class="wrap">
    <span class="eyebrow">What's inside</span><h2>What we're putting together</h2><p class="section-intro">A digital guide for planning the Carretera Austral, currently in final review. Product images below are illustrative.</p>
    <div class="cards">
      <article class="card">
        <div class="asset-card"><img src="assets/producto-roadbook.png" alt="Concept art of a digital roadbook beside a printed guide" loading="lazy"></div>
        <h3><span class="card-number">01</span> Roadbook</h3>
        <p>12 stages from Puerto Montt to Villa O'Higgins, with route notes, driving-time estimates, ferry planning, highlights and places to stop. The PDF is being revised before release.</p>
      </article>
      <article class="card">
        <div class="asset-card"><img src="assets/producto-mapa-gpx.png" alt="Concept art of a route map on a phone" loading="lazy"></div>
        <h3><span class="card-number">02</span> GPX Map Pack</h3>
        <p>Planned offline waypoints for useful stops along the route. We are checking the map pack before making it available.</p>
      </article>
      <article class="card">
        <div class="asset-card"><img src="assets/producto-board.png" alt="Concept art of a ferry and border dashboard" loading="lazy"></div>
        <h3><span class="card-number">03</span> Ferry &amp; Border Board</h3>
        <p>A planned companion board for ferries and border crossings. Times and requirements can change: check official sources before you travel.</p>
      </article>
    </div>
  </div>
</section>

<section id="sample" class="paper sample">
  <div class="wrap sample-layout"><div class="sample-copy">
    <span class="eyebrow eyebrow-light">Try before you decide</span><h2>Sample coming soon</h2>
    <p>We plan to share a preview of Stage 2, the Hornopirén to Caleta Gonzalo bimodal ferry route, once the guide is ready.</p>
    <p class="pending">No signup is available yet.</p>
    </div><div class="sample-preview" aria-label="Illustrative cover of the Stage 02 sample, not a live product preview">
      <span class="sample-overline">GUANACO ROADS / ROADBOOK</span>
      <div class="sample-stage"><span>02</span><div><small>STAGE</small><strong>Hornopirén<br>→ Caleta Gonzalo</strong></div></div>
      <div class="sample-image" aria-hidden="true"></div>
      <div class="sample-footer"><span>ROUTE 7 · CHILEAN PATAGONIA</span><small>Illustrative preview · sample pages coming soon</small></div>
    </div>
  </div>
</section>

<section id="price" class="price">
  <div class="wrap price-layout"><div class="price-art" aria-hidden="true"><img src="assets/logo-circular.png" alt="" loading="lazy"></div><div class="price-copy"><span class="eyebrow">Your route starts here</span>
    <h2>One kit. One road.</h2>
    <div class="price-row"><p class="price-tag">USD 29 <small>one-time</small></p><p class="price-aside">A one-time digital purchase<br>when the kit launches.</p></div>
    <p>30-day money-back guarantee at launch.</p>
    <button class="btn" type="button" disabled aria-disabled="true">Coming soon</button>
    <p class="pending pending-light">Pre-launch preview. The kit is not available to purchase yet.</p>
  </div></div>
</section>

<section class="paper why">
  <div class="wrap why-layout"><div><span class="eyebrow eyebrow-light">Why it's not free</span><h2>It's out there.<br>Not in one place.</h2></div><div class="why-copy">
    <p>Ferry schedules, fuel availability and border hours can change. We are bringing the route planning into one readable guide, with clear reminders to check the latest local conditions.</p>
    <p>The Roadbook is in final review. We will not sell it until the guide and supporting materials are ready. Always confirm current travel information with operators and official sources.</p>
    <p class="note note-why">Same road.<br>Clearer plans.</p>
  </div></div>
</section>

<section id="faq" class="paper faq">
  <div class="wrap narrow">
    <span class="eyebrow">FAQ</span><h2>Common questions</h2>
    <details>
      <summary>Should I verify travel details?</summary>
      <p>Yes. Ferry timetables, road conditions, fuel availability and border hours can change. Confirm them with the relevant operator or official source before setting out.</p>
    </details>
    <details>
      <summary>Does this work offline?</summary>
      <p>The Roadbook is a PDF you download once. We are still reviewing the planned map and ferry companions; they are not available yet.</p>
    </details>
    <details>
      <summary>What if I don't like it?</summary>
      <p>The kit comes with a 30-day money-back guarantee at launch.</p>
    </details>
    <details>
      <summary>Do you cover Argentina, or Spanish and Portuguese versions?</summary>
      <p>Not yet — this edition covers Chile's Route 7 in English. Spanish/Portuguese versions and Argentine routes are being considered for the future.</p>
    </details>
    <details>
      <summary>Can I buy it today?</summary>
      <p>No. This is a pre-launch page, and checkout is not connected.</p>
    </details>
  </div>
</section>

<section class="paper soon">
  <div class="wrap">
    <span class="eyebrow">More adventures</span><h2>More kits coming soon</h2>
    <p class="soon-sub">Working titles. Not on sale and not scheduled.</p>
    <div class="cards">
      <article class="card card-soon">
        <div class="asset-card"><img src="assets/kit-patagonia.webp" alt="Illustrated Patagonia landscape with guanaco" loading="lazy"></div>
        <h3>Patagonia Road Trip</h3>
        <span class="tag">Coming soon</span>
      </article>
      <article class="card card-soon">
        <div class="asset-card"><img src="assets/kit-atacama.webp" alt="Illustrated Atacama landscape with guanaco" loading="lazy"></div>
        <h3>Atacama Explorer</h3>
        <span class="tag">Coming soon</span>
      </article>
      <article class="card card-soon">
        <div class="asset-card"><img src="assets/kit-sudamerica.webp" alt="Illustrated South American landscape with guanaco" loading="lazy"></div>
        <h3>South America Essentials</h3>
        <span class="tag">Coming soon</span>
      </article>
    </div><p class="soon-note">Cover art is illustrative. Preview only. These kits are not on sale and have no launch date.</p>
  </div>
</section>

</main>

<footer class="foot">
  <div class="footer-bg" role="img" aria-label="Illustrated guanaco overlooking mountains and lake at sunset"></div>
  <div class="wrap foot-in">
    <img class="site-logo" src="assets/logo-circular.png" alt="" width="65" height="65">
    <p class="foot-brand">GUANACO ROADS</p>
    <p>Digital travel kits for South America.</p>
    <p class="foot-tag">Explore · Plan · Go · Repeat</p>
    <p class="pending pending-light">Purchase terms and refund details will be available before launch.</p>
  </div>
</footer>

</body>
</html>
