:root{--indigo:#383B8C;--indigo-d:#2C2F72;--cream:#F0EFE9;--ink:#23254F}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:"Outfit",system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;font-size:1.0625rem;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem}
h1,h2{font-weight:800;line-height:1.05;letter-spacing:-.01em}
.btn{display:inline-block;background:var(--cream);color:var(--indigo);font-weight:700;text-decoration:none;padding:.85rem 1.6rem;border-radius:999px;font-size:1.05rem;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--indigo);color:var(--cream)}

.hero{background:var(--indigo);color:var(--cream);text-align:center;padding:2.5rem 0 3.5rem}
.hero-inner{display:flex;flex-direction:column;align-items:center}
.logo{width:min(220px,60vw)}
.gus{width:min(260px,64vw);margin:2rem 0 1.25rem}
.hero h1{font-size:clamp(3rem,13vw,5.5rem)}
.sub{max-width:28ch;margin:.75rem 0 1.75rem;font-size:1.15rem;opacity:.95}

.about{display:grid;gap:2rem;padding-top:3.5rem;padding-bottom:3.5rem}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--indigo);margin-bottom:.5rem}
.about h2,.find h2{font-size:clamp(2rem,7vw,2.75rem);color:var(--indigo);margin-bottom:1rem}
.about-text p+p{margin-top:.9rem}
.about-img{border-radius:18px}

.strip{padding-bottom:3.5rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}

.find{background:#fff;padding:3rem 0 3.5rem;text-align:center;border-top:2px solid var(--indigo)}
.find-inner{display:flex;flex-direction:column;align-items:center}
.cyclist{width:min(560px,100%);margin-bottom:1.5rem}
.find p{max-width:34ch;margin-bottom:1.5rem}

.foot{background:var(--indigo);color:var(--cream);padding:2.5rem 0;text-align:center}
.foot-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem}
.foot img{width:120px;margin-bottom:.5rem}
.foot a{font-weight:700}
.credit{font-size:.85rem;opacity:.8}

@media (min-width:800px){
  .hero{padding:3rem 0 4.5rem}
  .gus{width:300px}
  .about{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;padding-top:5rem;padding-bottom:5rem}
  .grid{grid-template-columns:repeat(3,1fr);gap:1rem}
  .strip{padding-bottom:5rem}
}